.h_navigation {
  /**头部**/
}
.h_navigation .top_page {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.h_navigation .top_page .hover_text {
  position: relative;
  height: 50px;
  line-height: 50px;
}
.h_navigation .top_page .hover_text .show_text {
  font-size: #333333;
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.h_navigation .top_page .hover_text .show_text i {
  font-size: 16px;
  margin-left: 10px;
}
.h_navigation .top_page .hover_text .tab_warp {
  width: 411px;
  border: 2px solid #cccccc;
  position: absolute;
  left: 0;
  top: 45px;
  background-color: #ffffff;
  display: none;
  z-index: 999;
}
.h_navigation .top_page .hover_text .tab_warp .tab_list {
  width: 100%;
  padding: 10px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.h_navigation .top_page .hover_text .tab_warp .tab_list .name {
  font-size: 14px;
  color: #333333;
  padding: 5px 10px;
  margin-right: 35px;
}
.h_navigation .top_page .hover_text .tab_warp .tab_list .name:nth-child(4n) {
  margin-right: 0;
}
.h_navigation .top_page .hover_text .tab_warp .tab_list .name:hover {
  color: #ffffff;
  background-color: #e84c33;
}
.h_navigation .top_page .hover_text .tab_warp .tab_list .name:hover a {
  color: #FFFFFF;
}
.h_navigation .top_page .hover_text .tab_warp .icon_tranfom {
  position: absolute;
  width: 14px;
  height: 20px;
  z-index: 999;
  top: -15px;
  left: 40px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h_navigation .top_page .hover_text .tab_warp .icon_tranfom i {
  transform: rotate(180deg);
  font-size: 20px;
  color: #cccccc;
  font-weight: bold;
  margin-left: 2px;
}
.h_navigation .top_page .search_in {
  border-left: 2px solid #f4a699;
  border-right: 2px solid #f4a699;
  border-top: 2px solid #e84c33;
  border-bottom: 2px solid #e84c33;
  width: 490px;
  height: 35px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 50px;
}
.h_navigation .top_page .search_in input {
  width: 70%;
  height: 25px;
  display: block;
}
.h_navigation .top_page .search_in ::-webkit-input-placeholder {
  font-size: 14px;
  color: #999999;
}
.h_navigation .top_page .search_in :-ms-input-placeholder {
  font-size: 14px;
  color: #999999;
}
.h_navigation .top_page .search_in .icon_tranfom {
  color: #e84c33;
  font-weight: bold;
}
.h_navigation .header_menu {
  width: 1200px;
  margin: 0 auto;
  line-height: 30px;
  padding: 5px 0;
  border-bottom: 2px solid #f2f4f5;
}
.h_navigation .header_menu .container {
  display: flex;
  justify-content: space-between;
}
.h_navigation .header_menu .header_port {
  width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: left;
  flex-wrap: wrap;
}
.h_navigation .header_menu .header_port > div {
  font-size: 14px;
  color: #5d5d5d;
  margin-right: 15px;
}
.h_navigation .header_menu .header_port > div a {
  display: inline-block;
  color: #5d5d5d;
}
.h_navigation .header_menu .header_port > div.phone {
  position: relative;
  cursor: pointer;
  padding-left: 25px;
  color: #e84c33;
}
.h_navigation .header_menu .header_port > div.phone a {
  color: #e84c33;
}
.h_navigation .header_menu .header_port > div.phone .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.h_navigation .header_menu .header_port > div.phone .icon img {
  max-width: 100%;
}
.h_navigation .header_menu .header_port > div.phone .hover_phone_bg {
  display: none;
  position: absolute;
  top: 40px;
  left: 50%;
  width: 200px;
  border-radius: 10px;
  height: 200px;
  margin-left: -100px;
  z-index: 30;
  background: #ffffff;
}
.h_navigation .header_menu .header_port > div.phone .hover_phone_bg .hover_phone {
  width: 200px;
  height: 200px;
  display: -webkdit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
}
.h_navigation .header_menu .header_port > div.phone .hover_phone_bg .hover_phone img {
  max-width: 100%;
}
.h_navigation .header_menu .header_port > div.phone:hover .hover_phone_bg {
  display: block;
}
.h_navigation .header_menu .header_serve {
  text-align: right;
  width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  align-items: left;
  flex-wrap: wrap;
}
.h_navigation .header_menu .header_serve .register_login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: left;
  align-items: left;
  flex-wrap: wrap;
}
.h_navigation .header_menu .header_serve .register_login > div {
  padding-right: 15px;
  padding-left: 15px;
  cursor: pointer;
  position: relative;
}
.h_navigation .header_menu .header_serve .register_login > div:after {
  position: absolute;
  height: 15px;
  width: 1px;
  content: "";
  right: 0;
  background: #d0d0d0;
  top: 50%;
  margin-top: -7.5px;
  z-index: 10;
}
.h_navigation .header_menu .header_serve .register_login > div:last-child:after {
  display: none;
}
.h_navigation .header_menu .header_serve .register_login > div a {
  display: inline-block;
}
.h_navigation .header_menu .header_serve .register_login .login {
  padding-left: 25px;
  position: relative;
}
.h_navigation .header_menu .header_serve .register_login .login .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.h_navigation .header_menu .header_serve .register_login .login .icon img {
  max-width: 100%;
}
.h_navigation .header_menu .header_serve .help {
  margin-left: 15px;
}
.h_navigation .header_menu .header_serve .help a {
  display: inline-block;
  color: #3333;
}
.bg_color {
  width: 100%;
  height: 60px;
  background-color: #e84c33;
  margin-top: 30px;
}
.bg_color .tab_list {
  width: 1200px;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.bg_color .tab_list .span {
  line-height: 60px;
  margin-right: 20px;
  font-size: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 10px;
}
.bg_color .tab_list .span:hover {
  background-color: #c9341d;
}
.bg_color .tab_list .span a {
  width: 100%;
  display: block;
  color: #ffffff;
}
.bg_color .tab_list .span:nth-last-child(1) {
  margin-right: 0;
}
.bg_color .tab_list .span .tranfom_t {
  transform: rotate(180deg);
  margin-left: 5px;
}
.bg_color .tab_list .h_list {
  position: relative;
}
.bg_color .tab_list .h_list .ul_list {
  width: 113px;
  background-color: rgba(60, 60, 60, 0.7);
  padding: 10px;
  position: absolute;
  top: 60px;
  left: 0px;
  display: none;
  z-index: 999;
}
.bg_color .tab_list .h_list .ul_list li {
  width: 100%;
  line-height: 30px;
  text-align: center;
}
.bg_color .tab_list .h_list .ul_list li a {
  display: block;
  color: #ffffff;
  font-size: 14px;
}
.bg_color .tab_list .h_list .ul_list li a:hover {
  text-decoration: underline;
}
.bg_color .tab_list .tian_hover {
  position: relative;
  z-index: 992;
}
.bg_color .tab_list .tian_hover .tian_disp {
  display: none;
}
.bg_color .tab_list .tian_hover .tian_disp .tian {
  width: 408px;
  padding: 10px;
  background: inherit;
  background-color: rgba(60, 60, 60, 0.7);
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: absolute;
  top: 60px;
  left: -150px;
  display: flex;
  z-index: 999;
}
.bg_color .tab_list .tian_hover .tian_disp .tian li {
  width: 33%;
  padding: 10px;
  font-size: 14px;
  color: #FFFFFF;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-right: 1px dashed #ffffff;
}
.bg_color .tab_list .tian_hover .tian_disp .tian li:nth-last-child(1) {
  border-right: none;
}
.bg_color .tab_list .tian_hover .tian_disp .tian li a {
  color: #FFFFFF;
  text-align: left;
}
.bg_color .tab_list .tian_hover .tian_disp .tian li .title {
  width: 100%;
  display: flex;
  align-items: center;
}
.bg_color .tab_list .tian_hover .tian_disp .tian li .title img {
  width: 12px;
  height: 12px;
  margin-left: 10px;
}
.bg_color .tab_list .tian_hover .tian_disp .tian li span {
  line-height: 30px;
  padding-left: 10px;
}
#banner {
  width: 100%;
  position: relative;
  z-index: 20px;
}
#banner .swiper-wrapper {
  width: 100%;
}
#banner .swiper-wrapper .wheel_height {
  width: 100%;
  height: 360px;
}
#banner .swiper-wrapper .wheel_height img {
  width: 100%;
  height: 100%;
}
#banner .navapage_index {
  width: 1200px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 990;
  transform: translate(-50%, 0);
}
#banner .navapage_index .top_allItme {
  background-color: #FFFFFF;
  width: 260px;
  padding: 20px 20px 10px 20px;
  height: 330px;
  float: right;
  position: relative;
}
#banner .navapage_index .top_allItme .titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#banner .navapage_index .top_allItme .titles span:nth-child(1) {
  font-size: 24px;
  color: #333333;
}
#banner .navapage_index .top_allItme .titles span:nth-child(2) {
  font-size: 16px;
  color: #666666;
}
#banner .navapage_index .top_allItme .content {
  margin-top: 20px;
}
#banner .navapage_index .top_allItme .content .top_list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#banner .navapage_index .top_allItme .content .top_list:nth-child(1) {
  margin-bottom: 20px;
}
#banner .navapage_index .top_allItme .content .top_list .text {
  font-size: 16px;
  color: #666666;
}
#banner .navapage_index .top_allItme .content .top_list input[type=text] {
  width: 60%;
  height: 30px;
  border: 1px solid #dedede;
  padding: 0 10px;
  display: block;
  text-align: right;
  color: #333333;
}
#banner .navapage_index .top_allItme .content .top_list ::-webkit-input-placeholder {
  color: #666666;
}
#banner .navapage_index .top_allItme .content .xuan {
  display: flex;
  width: 100%;
  margin-top: 20px;
}
#banner .navapage_index .top_allItme .content .xuan .xuanName {
  width: 35%;
  font-size: 16px;
  color: #666666;
}
#banner .navapage_index .top_allItme .content .xuan .all_radio {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#banner .navapage_index .top_allItme .content .xuan .all_radio .text {
  margin-right: 30px;
  margin-bottom: 30px;
}
#banner .navapage_index .top_allItme .content .xuan .new_ridio {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#banner .navapage_index .top_allItme .content .xuan .new_ridio .text {
  margin-right: 20px;
  margin-bottom: 30px;
}
#banner .navapage_index .top_allItme .content .btn_see {
  width: 80%;
  margin: 50% auto 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #e84c33;
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translate(-50%, 0);
}
#banner .navapage_index .top_allItme .content .tab_list .top_item {
  display: flex;
  align-items: center;
  position: relative;
}
#banner .navapage_index .top_allItme .content .tab_list .top_item .name {
  width: 50%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-bottom: 1px solid #dedede;
}
#banner .navapage_index .top_allItme .content .tab_list .top_item .name:hover {
  cursor: pointer;
}
#banner .navapage_index .top_allItme .content .tab_list .top_item .name i {
  font-size: 16px;
  color: #666666;
}
#banner .navapage_index .top_allItme .content .tab_list .top_item .active {
  color: #e84c33;
  border: 1px solid #dedede;
  border-bottom: none;
}
#banner .navapage_index .top_allItme .content .tab_list .top_item .active i {
  color: #e84c33;
}
#banner .navapage_index .top_allItme .content .tab_list .top_item .tisp {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 999;
  background-color: #f4f4f4;
  padding: 10px;
  width: 40%;
  font-size: 16px;
  border: 1px solid #dedede;
}
#banner .navapage_index .top_allItme .content .tab_list .top_item .tisp .titles {
  font-size: 14px;
  color: #e84c33;
}
#banner .navapage_index .top_allItme .content .tab_list .top_item .tisp .text {
  margin-top: 10px;
  font-size: 12px;
  color: #666666;
}
#banner .navapage_index .top_allItme .content .tab_list .input_list,
#banner .navapage_index .top_allItme .content .tab_list .input_lab {
  margin-top: 20px;
  display: none;
}
#banner .navapage_index .top_allItme .content .tab_list .input_list input,
#banner .navapage_index .top_allItme .content .tab_list .input_lab input {
  width: 92%;
  display: block;
  border: 1px solid #dedede;
  height: 40px;
  line-height: 40px;
  padding: 0 4%;
}
#banner .navapage_index .top_allItme .content .tab_list .input_list .selevt_list,
#banner .navapage_index .top_allItme .content .tab_list .input_lab .selevt_list {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 16px;
  color: #666666;
}
#banner .navapage_index .top_allItme .content .tab_list .input_list .selevt_list .texts,
#banner .navapage_index .top_allItme .content .tab_list .input_lab .selevt_list .texts {
  margin-right: 10px;
}
#banner .navapage_index .top_allItme .content .tab_list .input_list .selevt_list select,
#banner .navapage_index .top_allItme .content .tab_list .input_lab .selevt_list select {
  width: 27%;
  border: none;
  border-right: 1px solid #dedede;
  height: 30px;
}
#banner .navapage_index .top_allItme .content .tab_list .input_list .xianCha,
#banner .navapage_index .top_allItme .content .tab_list .input_lab .xianCha {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#banner .navapage_index .top_allItme .content .tab_list .input_list .xianCha input,
#banner .navapage_index .top_allItme .content .tab_list .input_lab .xianCha input {
  display: block;
  width: 56%;
  height: 40px;
  line-height: 40px;
  padding: 0 2%;
}
#banner .navapage_index .top_allItme .content .tab_list .input_list .xianCha select,
#banner .navapage_index .top_allItme .content .tab_list .input_lab .xianCha select {
  width: 30%;
  border: 0;
  height: 40px;
  background-color: #fff;
}
#banner .navapage_index .top_allItme .content .tab_list .input_listShow {
  display: block;
}
.all_tabList .navaPage {
  width: 1200px;
  margin: 20px auto 0;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-top: 2px solid #efefef;
  border-bottom: 2px solid #efefef;
}
.all_tabList .navaPage .ul {
  width: 100%;
  height: 163px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.all_tabList .navaPage .ul li {
  width: 157px;
}
.all_tabList .navaPage .ul li .icon_bg {
  background-color: #f56960;
  border-radius: 20px;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.all_tabList .navaPage .ul li .icon_bg i {
  display: block;
  color: #ffffff;
  font-size: 40px;
}
.all_tabList .navaPage .ul li .vp_rever {
  position: relative;
  z-index: 100;
}
.all_tabList .navaPage .ul li .vp_rever .bg_color {
  background-color: #ffffff;
  border-radius: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 20px;
}
.all_tabList .navaPage .ul li .vp_rever .bg_color .tip {
  width: 24px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  background-color: #f9ba48;
  color: #ffffff;
  z-index: 999;
  border-radius: 5px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.all_tabList .navaPage .ul li .vp_yuan {
  position: relative;
  z-index: 100;
}
.all_tabList .navaPage .ul li .vp_yuan .bgs_color {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.all_tabList .navaPage .ul li .vp_yuan .bgs_color .tip {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  background-color: #f9ba48;
  color: #ffffff;
  z-index: 999;
  border-radius: 5px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.all_tabList .navaPage .ul li .name {
  margin-top: 20px;
  font-size: 16px;
  color: #333333;
  text-align: center;
}
.all_tabList .navaPage .num_data {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  border-top: 2px solid #efefef;
}
.all_tabList .navaPage .num_data li {
  width: 20%;
  border-right: 1px solid #dedede;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #666666;
}
.all_tabList .navaPage .num_data li a {
  display: block;
}
.all_tabList .navaPage .num_data li span {
  color: #e84c33;
  font-size: 20px;
}
.all_tabList .navaPage .num_data li i {
  color: #e84c33;
  font-size: 20px;
}
.all_tabList .new_page {
  width: 100%;
  margin: 0;
  padding: 0 0 20px 0;
}
.all_tabList .new_page .new_ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  border: none;
  height: auto;
  padding: 0;
}
.all_tabList .new_page .new_ul li {
  width: 33%;
  margin-top: 10px;
  font-size: 16px;
  color: #333333;
}
.all_tabList .new_page .new_ul li .name {
  margin-top: 10px;
}
.all_tabList .new_page .new_ul li .new_text {
  font-size: 14px;
}
.planning_list {
  width: 1200px;
  margin: 50px auto 0;
}
.planning_list .pig {
  width: 100%;
  height: 2px;
  background-color: #dedede;
  position: relative;
}
.planning_list .pig .name {
  color: #e84c33;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  line-height: 20px;
  padding: 0 20px;
  background-color: #ffffff;
  top: -20px;
  left: 50%;
  transform: translate(-50%, 10px);
}
.planning_list .title {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  margin-top: 30px;
  text-align: center;
}
.planning_list .ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
.planning_list .ul li {
  width: 20%;
}
.planning_list .ul li .ba_icon {
  width: 73px;
  height: 73px;
  border-radius: 50%;
  background-color: #eaeaea;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.planning_list .ul li .ba_icon i {
  font-size: 40px;
  color: #ef6351;
}
.planning_list .ul li .name {
  text-align: center;
  font-size: 18px;
  color: #333333;
  margin-top: 10px;
}
.planning_list .ul li .text {
  text-align: center;
  font-size: 16px;
  color: #999999;
  margin-top: 10px;
}
.all_list_infonm {
  width: 1200px;
  margin: 30px auto 0;
  padding: 20px;
  display: flex;
  border: 2px solid #dedede;
}
.all_list_infonm .left_list {
  width: 880px;
}
.all_list_infonm .left_list .title {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333333;
  font-size: 20px;
  border-bottom: 2px solid #efefef;
  margin-bottom: 20px;
}
.all_list_infonm .left_list .title .alTab {
  font-size: 16px;
  color: #666666;
}
.all_list_infonm .left_list .title .alTab a:hover {
  color: #e84c33;
}
.all_list_infonm .left_list .item_deta {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.all_list_infonm .left_list .item_deta .details_list {
  width: 48%;
  margin-top: 20px;
}
.all_list_infonm .left_list .item_deta .details_list:nth-child(1) {
  margin-top: 0;
}
.all_list_infonm .left_list .item_deta .details_list:nth-child(2) {
  margin-top: 0;
}
.all_list_infonm .left_list .item_deta .details_list .top_title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #efefef;
  font-size: 20px;
  color: #333333;
  margin-bottom: 20px;
}
.all_list_infonm .left_list .item_deta .details_list .top_title .alTab_text a {
  font-size: 16px;
  color: #666666;
}
.all_list_infonm .left_list .item_deta .details_list .details {
  width: 100%;
  display: flex;
}
.all_list_infonm .left_list .item_deta .details_list .details .img {
  width: 105px;
  height: 71px;
}
.all_list_infonm .left_list .item_deta .details_list .details .img img {
  width: 100%;
  height: 100%;
}
.all_list_infonm .left_list .item_deta .details_list .details .new_image {
  height: 54px;
}
.all_list_infonm .left_list .item_deta .details_list .details .item {
  width: 76%;
  padding: 0 20px;
}
.all_list_infonm .left_list .item_deta .details_list .details .item .text {
  width: 100%;
  font-size: 16px;
  color: #333333;
  height: 20px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.all_list_infonm .left_list .item_deta .details_list .details .item .text a:hover {
  color: #f56960;
}
.all_list_infonm .left_list .item_deta .details_list .details .item .time_list {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #999999;
  margin-top: 10px;
}
.all_list_infonm .left_list .item_deta .details_list .details .item .time_list .times {
  margin-right: 30px;
}
.all_list_infonm .left_list .item_deta .details_list .details .item .time_list .times:nth-last-child(1) {
  margin-left: 0;
}
.all_list_infonm .left_list .item_deta .details_list .details .item .time_list .times i {
  font-size: 14px;
  color: #999999;
}
.all_list_infonm .right_list {
  width: 300px;
  margin-left: 20px;
}
.all_list_infonm .right_list .text_name {
  width: 100%;
  display: flex;
  align-items: center;
  color: #333333;
}
.all_list_infonm .right_list .text_name i {
  color: #f6b7ad;
  font-size: 23px;
  width: 23px;
  height: 23px;
}
.all_list_infonm .right_list .text_name .text {
  width: 88%;
  height: 42px;
  font-size: 16px;
  line-height: 42px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.all_list_infonm .right_list .text_name .text a {
  display: block;
}
.all_list_infonm .right_list .text_name .text a:hover {
  color: #f56960;
}
.loop_list {
  padding: 0px 20px 10px;
  border: 2px solid #dedede;
  margin-bottom: 20px;
}
.loop_list:nth-last-child(1) {
  margin-bottom: 0;
}
.youqing {
  width: 1200px;
  margin: 20px auto 0;
  padding: 20px;
  border: 2px solid #dedede;
}
.youqing .title {
  width: 100%;
  padding: 10px 0 20px 0;
  font-size: 20px;
  color: #333333;
  border-bottom: 1px solid #dedede;
}
.youqing .details_you {
  padding: 10px 0 10px 20px;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.youqing .details_you span {
  font-size: 16px;
  line-height: 34px;
  color: #666666;
  margin-right: 20px;
}
.de_xin {
  border: none;
  padding: 0;
}
.title_item {
  border-left: 4px solid #e84c33;
  font-size: 20px;
  color: #333333;
  height: 44px;
  line-height: 44px;
  padding: 0 10px;
  background: inherit;
  background-color: #f2f2f2;
  position: relative;
}
.title_item .ty_see {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 14px;
  color: #666;
}
.title_item .ty_see a:hover {
  color: #e84c33;
}
.stuDetalist {
  border: 2px solid #dedede;
  margin-top: 20px;
}
.stuDetalist:nth-child(1) {
  margin-top: 0;
}
.stuDetalist .list {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
.stuDetalist .list .name .text a {
  font-size: 20px;
  color: #333333;
  text-align: left;
  display: block;
}
.stuDetalist .list .name .text a:hover {
  color: #e84c33;
}
.stuDetalist .list .name .num {
  font-size: 14px;
  color: #999999;
  margin-top: 10px;
}
.stuDetalist .list .btn_right {
  width: 60px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  background-color: #e84c33;
}
.get_title {
  width: 1200px;
  margin: 20px auto 0;
  font-size: 12px;
  color: #999999;
  display: flex;
  align-items: center;
}
.get_title a:hover {
  color: #e84c33;
}
.get_title span {
  margin: 0 5px;
}
.get_title span:nth-last-child(1) {
  display: none;
}
.all_logo {
  width: 1200px;
  height: 282px;
  margin: 20px auto;
}
.all_logo img {
  width: 100%;
  height: 100%;
}
.information_list .title_list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 4px solid #e84c33;
}
.information_list .title_list .name {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}
.information_list .title_list .right_deatails {
  display: flex;
  align-items: center;
}
.information_list .title_list .right_deatails .num_ber {
  font-size: 16px;
  color: #e84c33;
}
.information_list .title_list .right_deatails .btn_pre,
.information_list .title_list .right_deatails .btn_next {
  width: 59px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  color: #666666;
  font-size: 14px;
  margin-left: 10px;
}
.information_list .title_list .right_deatails .btn_pre {
  background-color: #f4f4f4;
}
.information_list .title_list .right_deatails .btn_next {
  border: 2px solid #dedede;
}
.information_list .item {
  display: flex;
  padding: 20px 0;
}
.information_list .item .image {
  width: 148px;
  height: 112px;
}
.information_list .item .image img {
  width: 148px;
  height: 112px;
  display: block;
}
.information_list .item .right {
  margin-left: 10px;
}
.information_list .item .right .title_names a {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
  display: block;
}
.information_list .item .right .title_names a:hover {
  color: #e84c33;
}
.information_list .item .right .content_text {
  display: flex;
  position: relative;
}
.information_list .item .right .content_text .text {
  color: #666;
  font-size: 16px;
  line-height: 26px;
  height: 52px;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  padding-right: 100px;
}
.information_list .item .right .content_text .btn_see a {
  font-size: 14px;
  color: #e84c33;
  display: block;
  margin-left: 200px;
  position: absolute;
  right: 20px;
  top: 26px;
}
.information_list .item .right .content_text .btn_see a:hover {
  text-decoration: underline;
}
.information_list .item .right .bottom_text {
  margin-top: 10px;
  display: flex;
}
.information_list .item .right .bottom_text .time,
.information_list .item .right .bottom_text .name {
  font-size: 16px;
  text-align: left;
  color: #666;
}
.information_list .item .right .bottom_text .name {
  margin-left: 100px;
}
.infom_details {
  width: 860px;
  border: 2px solid #dedede;
  padding: 10px;
}
.infom_details .title_n {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  text-align: left;
  line-height: 36px;
}
.infom_details .times {
  display: flex;
  align-items: center;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 2px dashed #dedede;
  position: relative;
}
.infom_details .times .allTime,
.infom_details .times .preview {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #999;
}
.infom_details .times .allTime span,
.infom_details .times .preview span {
  font-size: 16px;
  color: #666666;
}
.infom_details .times .preview {
  margin-left: 50px;
}
.infom_details .times .yuan {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 10px;
  margin-left: 10px;
  display: block;
}
.infom_details .times .yuan a:nth-child(1) i {
  color: #f5be15;
}
.infom_details .times .yuan a:nth-child(2) i {
  color: #ff4343;
}
.infom_details .times .yuan a:nth-child(3) i {
  color: #1ac155;
}
.infom_details .times .yuan i {
  font-size: 25px;
}
.infom_details .content_text {
  font-size: 16px;
  color: #333333;
  text-indent: 2em;
  padding: 10px 0;
}
.infom_details .content_text img {
  display: block;
  max-width: 100%;
  margin: 10px auto;
}
.infom_details .bottom_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
.infom_details .bottom_content .titles {
  width: 864px;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.infom_details .bottom_content .name {
  width: 48%;
  font-size: 16px;
  text-align: left;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.infom_details .bottom_content .name a {
  color: #e84c33;
}
.infom_details .bottom_content .name a:hover {
  text-decoration: underline;
}
.infom_details .bottom_type_li {
  margin-top: 30px;
}
.infom_details .bottom_type_li .all_text_cont {
  display: flex;
  align-items: center;
}
.infom_details .bottom_type_li .all_text_cont:nth-child(2) {
  margin-top: 10px;
}
.infom_details .bottom_type_li .all_text_cont .btn_pre {
  font-size: 16px;
  color: #666;
}
.infom_details .bottom_type_li .all_text_cont .name {
  font-size: 16px;
  line-height: 36px;
  color: #333333;
  margin-left: 20px;
}
.infom_details .bottom_type_li .all_text_cont .name a:hover {
  color: #e84c33;
}
.volunteer_page {
  width: 1200px;
  margin: 20px auto 0;
  display: flex;
  justify-content: space-between;
}
.volunteer_page .left {
  width: 270px;
  border: 2px solid #dedede;
}
.volunteer_page .left .personal {
  background-color: #ffffff;
}
.volunteer_page .left .personal .logo {
  width: 100%;
  height: 140px;
  position: relative;
  z-index: 9;
}
.volunteer_page .left .personal .logo img {
  width: 100%;
  height: 100%;
}
.volunteer_page .left .personal .logo .name {
  width: 100%;
  height: 27px;
  line-height: 27px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  background-color: rgba(60, 60, 60, 0.7);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 999;
}
.volunteer_page .left .personal .type_list {
  padding: 10px 10px 20px 10px;
  display: flex;
  justify-content: space-between;
}
.volunteer_page .left .personal .type_list .h_portrait {
  border: 2px solid #e84c33;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  margin-top: -37px;
  z-index: 999;
}
.volunteer_page .left .personal .type_list .h_portrait img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.volunteer_page .left .personal .type_list .vp_text,
.volunteer_page .left .personal .type_list .btn_see {
  width: 69px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  font-size: 16px;
}
.volunteer_page .left .personal .type_list .vp_text {
  color: #ffffff;
  background-color: #e84c33;
}
.volunteer_page .left .personal .type_list .vp_text a {
  color: #ffffff;
  display: block;
}
.volunteer_page .left .personal .type_list .vp_text a:hover {
  background-color: #c53c26;
}
.volunteer_page .left .personal .type_list .sign_in {
  background-color: #f9ba48;
}
.volunteer_page .left .personal .type_list .sign_up {
  background-color: #e84c33;
}
.volunteer_page .left .personal .type_list .sign_up a {
  color: #ffffff;
}
.volunteer_page .left .personal .type_list .btn_see {
  color: #666666;
}
.volunteer_page .left .personal .type_list .btn_see a {
  display: block;
}
.volunteer_page .left .personal .type_list .btn_see a:hover {
  color: #e84c33;
}
.volunteer_page .left .personal .uy_item {
  width: 100%;
  display: flex;
  padding-bottom: 10px;
}
.volunteer_page .left .personal .uy_item .item {
  width: 33%;
  text-align: center;
  border-right: 2px solid #dedede;
}
.volunteer_page .left .personal .uy_item .item:nth-last-child(1) {
  border-right: none;
}
.volunteer_page .left .personal .uy_item .item .text {
  width: 100%;
  color: #333333;
  font-size: 16px;
}
.volunteer_page .left .personal .uy_item .item .text a:hover {
  color: #e84c33;
}
.volunteer_page .left .personal .uy_item .item .num {
  text-align: center;
  color: #e84c33;
}
.volunteer_page .left .personal .uy_item .pre_list {
  position: relative;
}
.volunteer_page .left .personal .uy_item .pre_list .result {
  display: none;
  position: absolute;
  background-color: #e84c33;
  text-align: center;
  width: 70px;
  height: 25px;
  line-height: 25px;
  right: 0;
  bottom: -25px;
  color: #ffffff;
  font-size: 14px;
}
.volunteer_page .left .personal .uy_item .pre_list .result:hover {
  cursor: pointer;
}
.volunteer_page .left .personal .bacolor_kp {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
}
.volunteer_page .left .personal .bacolor_kp .datails {
  width: 590px;
  height: 444px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-245px, -222px);
  z-index: 1002;
  background-color: #ffffff;
}
.volunteer_page .left .personal .bacolor_kp .datails .title {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  background-color: #e84c33;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
}
.volunteer_page .left .personal .bacolor_kp .datails .title i {
  font-size: 20xp;
}
.volunteer_page .left .personal .bacolor_kp .datails .title i:hover {
  cursor: pointer;
}
.volunteer_page .left .personal .bacolor_kp .datails .content {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 30px 0;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .left_yu .name {
  width: 60px;
  height: 44px;
  line-height: 44px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .left_yu .name:nth-child(1) {
  margin-top: 0;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .left_yu .name span {
  color: #e84c33;
  font-size: 16px;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu {
  margin-left: 20px;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .top_text {
  display: flex;
  align-items: center;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .top_text .name {
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #666666;
  border: 2px solid #dedede;
  position: relative;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .top_text .name:nth-child(2) {
  margin-left: 20px;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .top_text .name:hover {
  cursor: pointer;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .top_text .active_e {
  border: 2px solid #e84c33;
  color: #e84c33;
  z-index: 10;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list {
  margin-top: 20px;
  display: none;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab {
  display: flex;
  align-items: center;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab .tab_text {
  width: 138px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #666;
  background-color: #f4f4f4;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab .tab_text:hover {
  cursor: pointer;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab .tab_text:nth-child(1) {
  border-left: 2px solid #dedede;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab .tab_text:nth-child(2) {
  border-right: 2px solid #dedede;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab .tab_text .tab_icon {
  margin-left: 10px;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab .tab_text .tab_icon:hover {
  cursor: pointer;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab .active_able {
  background-color: #ffffff;
  color: #e84c33;
  border-top: 2px solid #e84c33;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab .type_relative {
  position: relative;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab .type_relative .tip_textTab {
  position: absolute;
  width: 138px;
  display: none;
  font-size: 12px;
  background-color: #f4f4f4;
  color: #666666;
  top: 38px;
  right: -20px;
  text-align: left;
  padding: 0 10px;
  line-height: 24px;
  border: 2px solid #cccccc;
  z-index: 1002;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab .type_relative .tip_textTab .tran_icon {
  position: absolute;
  transform: rotate(180deg);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -9px;
  right: 50px;
  z-index: 1000;
  width: 16px;
  height: 16px;
  background-color: #f4f4f4;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab .type_relative .tip_textTab .tran_icon .huih {
  width: 22px;
  height: 100%;
  font-size: 22px;
  display: block;
  color: #cccccc;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab .type_relative .tip_textTab .title_ti {
  display: block;
  font-size: 14px;
  color: #e84c33;
  padding-bottom: 5px;
  border-bottom: 2px solid #dedede;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab_listStu {
  display: none;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab_listStu .uni_type {
  position: relative;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab_listStu .uni_type .type_name {
  position: absolute;
  width: 60px;
  height: 44px;
  line-height: 44px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  left: -80px;
  top: 0px;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab_listStu .uni_type .type_name:nth-child(1) {
  margin-top: 0;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab_listStu .uni_type .type_name span {
  color: #e84c33;
  font-size: 16px;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab_listStu input {
  width: 344px;
  height: 40px;
  text-align: left;
  display: block;
  padding: 0 10px;
  line-height: 40px;
  color: #333333;
  border: 2px solid #dedede;
  margin-top: 20px;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab_listStu input:-webkit-input-placeholder {
  font-size: 16px;
  color: #999999;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab_listStu .tip {
  text-align: left;
  color: #999999;
  font-size: 16px;
  margin-top: 5px;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .tab_listStu .select_tab {
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: block;
  margin-top: 20px;
  color: #333333;
  padding: 0 10px;
  border: 2px solid #dedede;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .cont_list .list_show {
  display: block;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .disp_show {
  display: block;
}
.volunteer_page .left .personal .bacolor_kp .datails .content .right_yu .btn_see a {
  width: 138px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #e84c33;
  color: #ffffff;
  font-size: 18px;
  margin-top: 20px;
  display: block;
}
.volunteer_page .left .lication_list {
  width: 100%;
}
.volunteer_page .left .lication_list li {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #333333;
  border-bottom: 2px dashed #dedede;
}
.volunteer_page .left .lication_list li a {
  display: block;
}
.volunteer_page .left .lication_list li i {
  font-size: 20px;
  color: #999999;
}
.volunteer_page .left .lication_list li span {
  margin-left: 10px;
}
.volunteer_page .left .lication_list li:hover {
  color: #e84c33;
  cursor: pointer;
  background-color: #f4f4f4;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
.volunteer_page .left .lication_list li:hover i {
  color: #e84c33;
}
.volunteer_page .left .lication_list .active_an {
  color: #e84c33;
  background-color: #f4f4f4;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
.volunteer_page .left .lication_list .active_an i {
  color: #e84c33;
}
.volunteer_page .right {
  width: 900px;
}
.volunteer_page .right .type_list_item {
  display: none;
}
.volunteer_page .right .type_list_item .img {
  width: 100%;
  height: 185px;
  border-left: 2px solid #dedede;
  border-right: 2px solid #dedede;
}
.volunteer_page .right .type_list_item .img img {
  width: 100%;
  height: 100%;
}
.volunteer_page .right .type_list_item .typeList {
  width: 100%;
  border-left: 2px solid #dedede;
  border-right: 2px solid #dedede;
}
.volunteer_page .right .type_list_item .typeList .check {
  padding: 20px 0 20px 20px;
  border-bottom: 2px solid #dedede;
  display: flex;
}
.volunteer_page .right .type_list_item .typeList .check:nth-child(1) .name {
  background-color: #e84c33;
}
.volunteer_page .right .type_list_item .typeList .check:nth-child(2) .name {
  background-color: #ff9640;
}
.volunteer_page .right .type_list_item .typeList .check:nth-child(3) .name {
  background-color: #5bbca4;
}
.volunteer_page .right .type_list_item .typeList .check:nth-child(4) .name {
  background-color: #4ec3cc;
}
.volunteer_page .right .type_list_item .typeList .check .name {
  width: 33px;
  height: 105px;
  color: #ffffff;
  text-align: center;
  line-height: 105px;
}
.volunteer_page .right .type_list_item .typeList .check .item_list {
  margin-left: 20px;
  width: 93%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.volunteer_page .right .type_list_item .typeList .check .item_list .warp {
  width: 31%;
  display: flex;
  padding: 1%;
  margin-bottom: 15px;
}
.volunteer_page .right .type_list_item .typeList .check .item_list .warp a {
  display: block;
  display: flex;
}
.volunteer_page .right .type_list_item .typeList .check .item_list .warp:hover {
  background-color: #f4f4f4;
}
.volunteer_page .right .type_list_item .typeList .check .item_list .warp:hover .icon_img {
  background-color: #e84c33;
}
.volunteer_page .right .type_list_item .typeList .check .item_list .warp:hover .right_type {
  width: 71%;
}
.volunteer_page .right .type_list_item .typeList .check .item_list .warp:hover .right_type .titles {
  color: #e84c33;
}
.volunteer_page .right .type_list_item .typeList .check .item_list .warp .icon_img {
  width: 57px;
  height: 57px;
  border-radius: 50%;
  border: 2px solid #dedede;
  display: flex;
  align-items: center;
  justify-content: center;
}
.volunteer_page .right .type_list_item .typeList .check .item_list .warp .icon_img i {
  display: block;
  font-size: 30px;
  color: #dedede;
}
.volunteer_page .right .type_list_item .typeList .check .item_list .warp .right_type {
  width: 71%;
  margin-left: 10px;
}
.volunteer_page .right .type_list_item .typeList .check .item_list .warp .right_type .titles {
  font-size: 16px;
  color: #333333;
  text-align: left;
}
.volunteer_page .right .type_list_item .typeList .check .item_list .warp .right_type .item_text {
  font-size: 12px;
  color: #666;
  line-height: 18px;
  margin-top: 8px;
}
.volunteer_page .right .type_list_item .Personal_list {
  border: 1px solid #dedede;
  padding: 10px;
  height: 100%;
}
.volunteer_page .right .type_list_item .Personal_list .title {
  font-size: 24px;
  color: #333333;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
}
.volunteer_page .right .type_list_item .Personal_list .title span {
  border-bottom: 2px solid #e84c33;
}
.volunteer_page .right .type_list_item .Personal_list .ul_content {
  padding: 20px 10px;
}
.volunteer_page .right .type_list_item .Personal_list .ul_content li {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 2px dashed #dedede;
  justify-content: space-between;
}
.volunteer_page .right .type_list_item .Personal_list .ul_content li .ment_left {
  width: 70%;
  display: flex;
}
.volunteer_page .right .type_list_item .Personal_list .ul_content li .ment_left .img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.volunteer_page .right .type_list_item .Personal_list .ul_content li .ment_left .img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.volunteer_page .right .type_list_item .Personal_list .ul_content li .ment_left .dateils_cont {
  margin-left: 15px;
}
.volunteer_page .right .type_list_item .Personal_list .ul_content li .ment_left .dateils_cont .name {
  font-size: 20px;
  color: #333333;
}
.volunteer_page .right .type_list_item .Personal_list .ul_content li .ment_left .dateils_cont .text {
  font-size: 16px;
  width: 80%;
  height: 46px;
  line-height: 23px;
  text-align: left;
  color: #999999;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.volunteer_page .right .type_list_item .Personal_list .ul_content li .ment_left .dateils_cont .lei {
  font-size: 16px;
  line-height: 27px;
  color: #666666;
  margin-top: 10px;
}
.volunteer_page .right .type_list_item .Personal_list .ul_content li .ment_right {
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #f4f4f4;
  color: #e84c33;
  font-size: 18px;
}
.volunteer_page .right .type_list_item .Personal_list .order_list {
  width: 100%;
  border: 1px solid #dedede;
  margin-top: 20px;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li {
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dedede;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li:nth-child(1) {
  background-color: #f4f4f4;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li:nth-last-child(1) {
  border-bottom: none;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li .name {
  width: 16.66666667%;
  height: 100%;
  font-size: 16px;
  color: #333333;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  border-right: 1px solid #dedede;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li .name:nth-last-child(1) {
  border-right: none;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li .name .payment,
.volunteer_page .right .type_list_item .Personal_list .order_list li .name .btn_seeName,
.volunteer_page .right .type_list_item .Personal_list .order_list li .name .delName {
  padding: 2px 5px;
  color: #ffffff;
  border-radius: 5px;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li .name .payment:hover,
.volunteer_page .right .type_list_item .Personal_list .order_list li .name .btn_seeName:hover,
.volunteer_page .right .type_list_item .Personal_list .order_list li .name .delName:hover {
  cursor: pointer;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li .name .payment a,
.volunteer_page .right .type_list_item .Personal_list .order_list li .name .btn_seeName a,
.volunteer_page .right .type_list_item .Personal_list .order_list li .name .delName a {
  color: #ffffff;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li .name .payment,
.volunteer_page .right .type_list_item .Personal_list .order_list li .name .btn_seeName {
  background-color: #e84c33;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li .name .delName {
  background-color: #f7bc46;
  margin-left: 10px;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li .name .dai {
  color: #e84c33;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li .collegeName {
  width: 25%;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li .collegeName a:hover {
  cursor: pointer;
  color: #e84c33;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li .type_times {
  width: 20%;
}
.volunteer_page .right .type_list_item .Personal_list .order_list li .volun_list {
  width: 35%;
}
.volunteer_page .right .type_list_item .Personal_list .btn_tian {
  width: 200px;
  height: 40px;
  line-height: 40px;
  background-color: #e84c33;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  margin: 30px auto 0;
}
.volunteer_page .right .type_list_item .Personal_list .majorItem_list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #dedede;
}
.volunteer_page .right .type_list_item .Personal_list .majorItem_list li .item_left {
  font-size: 18px;
  color: #333333;
}
.volunteer_page .right .type_list_item .Personal_list .majorItem_list li .item_left .text {
  display: flex;
  align-items: center;
  color: #666666;
  font-size: 16px;
}
.volunteer_page .right .type_list_item .Personal_list .majorItem_list li .item_left .text span:nth-last-child(1) {
  margin-left: 100px;
}
.volunteer_page .right .type_list_item .Personal_list .majorItem_list li .item_right {
  padding: 2px 10px;
  font-size: 16px;
  display: flex;
  align-items: center;
  color: #e84c33;
}
.volunteer_page .right .type_list_item .Personal_list .majorItem_list li .item_right i {
  color: #e84c33;
  font-size: 16px;
  margin-right: 10px;
}
.volunteer_page .right .type_list_item .Personal_list .item_vip {
  padding: 20px 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.volunteer_page .right .type_list_item .Personal_list .item_vip .VIP_list {
  display: flex;
  justify-content: space-between;
  width: 45%;
  margin-bottom: 20px;
}
.volunteer_page .right .type_list_item .Personal_list .item_vip .VIP_list .img {
  width: 73px;
  height: 73px;
  border-radius: 50%;
}
.volunteer_page .right .type_list_item .Personal_list .item_vip .VIP_list .img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.volunteer_page .right .type_list_item .Personal_list .item_vip .VIP_list .contnet_list {
  width: 78%;
}
.volunteer_page .right .type_list_item .Personal_list .item_vip .VIP_list .contnet_list .vip_title {
  font-size: 20px;
  color: #333333;
}
.volunteer_page .right .type_list_item .Personal_list .item_vip .VIP_list .contnet_list .text {
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}
.volunteer_page .right .type_list_item .Personal_list .occupation_list {
  margin-top: 20px;
}
.volunteer_page .right .type_list_item .Personal_list .occupation_list .list {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px dashed #dedede;
  margin-bottom: 10px;
}
.volunteer_page .right .type_list_item .Personal_list .occupation_list .list:nth-last-child(1) {
  margin-bottom: 0;
}
.volunteer_page .right .type_list_item .Personal_list .occupation_list .list .details_title {
  display: flex;
  align-items: center;
}
.volunteer_page .right .type_list_item .Personal_list .occupation_list .list .details_title .name {
  font-size: 20px;
  color: #333333;
}
.volunteer_page .right .type_list_item .Personal_list .occupation_list .list .details_title .text {
  margin-left: 20px;
  font-size: 16px;
  line-height: 36px;
  color: #666666;
}
.volunteer_page .right .type_list_item .Personal_list .occupation_list .list .contents {
  padding: 10px;
}
.volunteer_page .right .type_list_item .Personal_list .occupation_list .list .contents li {
  font-size: 16px;
  line-height: 28px;
  text-align: left;
  color: #666666;
}
.volunteer_page .right .type_list_item .Personal_list .occupation_list .list .btn_follow {
  display: flex;
  align-items: center;
  padding: 2px 5px;
  background-color: #e84c33;
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
}
.volunteer_page .right .type_list_item .Personal_list .occupation_list .list .btn_follow i {
  font-size: 16px;
  color: #fff;
}
.volunteer_page .right .type_list_item .Personal_list .message_list {
  margin-top: 20px;
}
.volunteer_page .right .type_list_item .Personal_list .message_list .content {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #dedede;
}
.volunteer_page .right .type_list_item .Personal_list .message_list .content:nth-last-child(1) {
  margin-bottom: 0;
}
.volunteer_page .right .type_list_item .Personal_list .message_list .content .titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}
.volunteer_page .right .type_list_item .Personal_list .message_list .content .titles .name {
  color: #333333;
}
.volunteer_page .right .type_list_item .Personal_list .message_list .content .titles .active {
  color: #e84c33;
  text-indent: 2em;
  transition: all 0.5s;
}
.volunteer_page .right .type_list_item .Personal_list .message_list .content .titles .time_text {
  color: #666666;
}
.volunteer_page .right .type_list_item .Personal_list .message_list .content .details_text {
  font-size: 16px;
  color: #666666;
  line-height: 26px;
  margin-top: 10px;
  display: none;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList {
  margin-top: 20px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .logo {
  width: 100%;
  height: 213px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .logo img {
  width: 100%;
  height: 100%;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list {
  margin-top: 20px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .name {
  width: 200px;
  height: 40px;
  line-height: 40px;
  display: flex;
  justify-content: flex-end;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .name span {
  color: #e84c33;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item input[type=text] {
  width: 312px;
  display: block;
  padding: 0 10px;
  height: 40px;
  border: 1px solid #dedede;
  margin-left: 20px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .textarea {
  display: block;
  width: 312px;
  height: 89px;
  border: 1px solid #dedede;
  padding: 10px;
  margin-left: 20px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .model_list {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .model_list .model_dname {
  position: relative;
  z-index: 10;
  margin-right: 20px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .model_list .model_dname .top {
  display: flex;
  align-items: center;
  color: #333333;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .model_list .model_dname .top i {
  font-size: 16px;
  color: #e84c33;
  margin-right: 10px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .model_list .model_dname .tips_list {
  width: 300px;
  position: absolute;
  top: 30px;
  left: -50%;
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid #dedede;
  z-index: 999;
  display: none;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .model_list .model_dname .tips_list .titles {
  font-size: 16px;
  color: #333333;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .model_list .model_dname .tips_list .aleText {
  font-size: 12px;
  line-height: 18px;
  color: #666666;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .btn_list {
  margin-left: 20px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .btn_list .fill_list {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .btn_list .fill_list:nth-child(1) .btn_bao a {
  color: #ffffff;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .btn_list .fill_list:nth-child(2) .btn_bao a {
  color: #333333;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .btn_list .fill_list .text {
  color: #e84c33;
  font-size: 16px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .btn_list .fill_list .btn_bao {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #e84c33;
  font-size: 16px;
  color: #ffffff;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .btn_list .fill_list .btn_bao a {
  display: block;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .btn_list .tips_text {
  font-size: 14px;
  color: #999999;
  margin-top: 10px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .btn_list .tips_text a {
  color: #e84c33;
  font-size: 16px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .logo {
  width: 150px;
  height: 150px;
  position: relative;
  z-index: 10;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .logo img {
  width: 100%;
  height: 100%;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .logo .lltext {
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
  font-size: 18px;
  color: #fff;
  background-color: rgba(51, 51, 51, 0.7);
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .select_list,
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .stu_class {
  display: flex;
  align-items: center;
  margin-left: 20px;
  font-size: 16px;
  color: #666666;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .select_list select,
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .stu_class select {
  width: 100px;
  height: 30px;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .select_list select:nth-last-child(1),
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .stu_class select:nth-last-child(1) {
  margin-right: 0;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .select_list input,
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .stu_class input {
  display: block;
  width: 50px;
  height: 30px;
  margin-right: 10px;
  margin-left: -20px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .item .btn_xiu {
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  background-color: #e84c33;
  color: #FFFFFF;
  margin-left: 20px;
}
.volunteer_page .right .type_list_item .Personal_list .FillinList .content .list .new_item {
  display: flex;
  align-items: flex-start;
}
.volunteer_page .right .type_list_show {
  display: block;
}
.stu_items {
  width: 1200px;
  margin: 0 auto;
}
.stu_items .search {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.stu_items .search input {
  font-size: 16px;
  display: block;
  color: #333333;
  padding: 10px;
  width: 81%;
  border: 2px solid #dedede;
  border-right: none;
}
.stu_items .search ::-webkit-input-placeholder {
  color: #999;
  font-size: 16px;
}
.stu_items .search .btn_search a {
  width: 215px;
  height: 100%;
  color: #ffffff;
  background-color: #e84c33;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  display: block;
}
.stu_items .choice {
  margin-top: 30px;
  border: 2px solid #dedede;
  padding: 10px;
}
.stu_items .choice .list {
  display: flex;
  padding: 10px 0;
  border-bottom: 2px dashed #dedede;
}
.stu_items .choice .list .title {
  font-size: 16px;
  color: #666666;
  height: 40px;
  line-height: 40px;
}
.stu_items .choice .list .item_text {
  margin-left: 5px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 1080px;
  text-align: left;
}
.stu_items .choice .list .item_text .ty {
  font-size: 16px;
  color: #333333;
  width: 50px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: #dedede;
  margin-right: 30px;
}
.stu_items .choice .list .item_text .ty:hover {
  cursor: pointer;
}
.stu_items .choice .list .item_text .spin {
  padding: 5px 10px;
  margin-right: 20px;
  display: block;
  font-size: 16px;
  color: #333333;
  border: 2px solid rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.stu_items .choice .list .item_text .spin:hover {
  cursor: pointer;
}
.stu_items .choice .list .item_text .spin i {
  font-size: 14px;
  margin-left: 5px;
  display: none;
}
.stu_items .choice .list .item_text .actives {
  color: #e84c33;
  border: 2px solid #e84c33;
}
.stu_items .college_ran {
  margin-top: 20px;
}
.stu_items .college_ran .top_title {
  background-color: #e84c33;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
}
.stu_items .college_ran .top_title .left {
  width: 40%;
}
.stu_items .college_ran .top_title .right {
  width: 60%;
  display: flex;
  align-items: center;
}
.stu_items .college_ran .top_title .right .name {
  width: 20%;
  text-align: center;
}
.stu_items .college_ran > div:nth-child(2n) {
  background-color: #f4f4f4;
}
.stu_items .college_ran .item_list:hover {
  background-color: #fff3e0;
}
.bottom_type {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
  text-align: center;
  line-height: 30px;
}
.bottom_type .btn_pre,
.bottom_type .btn_next {
  width: 65px;
  height: 30px;
  border: 2px solid #e6e6e6;
  font-size: 14px;
  color: #666666;
}
.bottom_type .btn_pre a,
.bottom_type .btn_next a {
  display: block;
}
.bottom_type .num_ber {
  display: flex;
  align-items: center;
}
.bottom_type .num_ber span {
  width: 30px;
  height: 30px;
  border: 2px solid #e6e6e6;
  margin-left: 5px;
  font-size: 14px;
  color: #666666;
}
.bottom_type .num_ber span a {
  font-size: 14px;
  color: #666666;
  display: block;
  width: 100%;
}
.bottom_type .num_ber span a:active {
  background-color: #e84c33;
  color: #ffffff;
}
.bottom_type .num_ber .active {
  background-color: #e84c33;
}
.bottom_type .num_ber .active a {
  color: #FFFFFF;
}
.bottom_type .btn_next {
  margin-left: 5px;
}
.bottom_type .active {
  background-color: #e84c33;
  color: #ffffff;
}
input[type=radio]:after {
  position: absolute;
  width: 10px;
  height: 15px;
  top: 0;
  content: " ";
  color: #000000;
  display: inline-block;
  visibility: visible;
  padding: 0px 3px;
  border-radius: 50%;
  border: 1px solid #dedede;
}
input[type=radio] {
  margin-right: 5px;
  cursor: pointer;
  font-size: 14px;
  width: 15px;
  height: 12px;
  position: relative;
}
input[type=radio]:checked:before {
  content: "✓";
  display: block;
  position: relative;
  top: -2px;
  left: 3px;
  width: 6px;
  height: 6px;
  color: #e84c33;
  font-weight: bold;
  z-index: 1;
}
.college_ran .item_ment {
  border-bottom: 2px dashed #dedede;
}
.college_ran .item_list,
.college_ran .item_ment {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #ffffff;
}
.college_ran .item_list .left,
.college_ran .item_ment .left,
.college_ran .item_list .item_left,
.college_ran .item_ment .item_left {
  width: 40%;
}
.college_ran .item_list .left .title,
.college_ran .item_ment .left .title,
.college_ran .item_list .item_left .title,
.college_ran .item_ment .item_left .title,
.college_ran .item_list .left .item_title,
.college_ran .item_ment .left .item_title,
.college_ran .item_list .item_left .item_title,
.college_ran .item_ment .item_left .item_title {
  font-size: 20px;
  color: #333333;
  padding: 0 20px;
}
.college_ran .item_list .left .title a:hover,
.college_ran .item_ment .left .title a:hover,
.college_ran .item_list .item_left .title a:hover,
.college_ran .item_ment .item_left .title a:hover,
.college_ran .item_list .left .item_title a:hover,
.college_ran .item_ment .left .item_title a:hover,
.college_ran .item_list .item_left .item_title a:hover,
.college_ran .item_ment .item_left .item_title a:hover {
  color: #e84c33;
}
.college_ran .item_list .left .tip,
.college_ran .item_ment .left .tip,
.college_ran .item_list .item_left .tip,
.college_ran .item_ment .item_left .tip {
  display: flex;
  margin-top: 5px;
}
.college_ran .item_list .left .tip span,
.college_ran .item_ment .left .tip span,
.college_ran .item_list .item_left .tip span,
.college_ran .item_ment .item_left .tip span {
  display: block;
  padding: 2px 5px;
  border: 2px solid #dedede;
  border-radius: 5px;
  margin-left: 10px;
}
.college_ran .item_list .right,
.college_ran .item_ment .right,
.college_ran .item_list .item_right,
.college_ran .item_ment .item_right {
  width: 60%;
  display: flex;
  align-items: center;
}
.college_ran .item_list .right .name,
.college_ran .item_ment .right .name,
.college_ran .item_list .item_right .name,
.college_ran .item_ment .item_right .name {
  width: 20%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.college_ran .item_list .right .name .text,
.college_ran .item_ment .right .name .text,
.college_ran .item_list .item_right .name .text,
.college_ran .item_ment .item_right .name .text {
  display: flex;
}
.college_ran .item_list .right .name .text:nth-child(2),
.college_ran .item_ment .right .name .text:nth-child(2),
.college_ran .item_list .item_right .name .text:nth-child(2),
.college_ran .item_ment .item_right .name .text:nth-child(2) {
  margin-left: 20px;
}
.college_ran .item_list .right .name .text span,
.college_ran .item_ment .right .name .text span,
.college_ran .item_list .item_right .name .text span,
.college_ran .item_ment .item_right .name .text span {
  font-size: 16px;
  color: #666666;
}
.college_ran .item_list .right .name .text .q,
.college_ran .item_ment .right .name .text .q,
.college_ran .item_list .item_right .name .text .q,
.college_ran .item_ment .item_right .name .text .q,
.college_ran .item_list .right .name .text .z,
.college_ran .item_ment .right .name .text .z,
.college_ran .item_list .item_right .name .text .z,
.college_ran .item_ment .item_right .name .text .z {
  font-size: 14px;
  color: #ffffff;
  width: 35px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  margin-right: 10px;
}
.college_ran .item_list .right .name .text .q,
.college_ran .item_ment .right .name .text .q,
.college_ran .item_list .item_right .name .text .q,
.college_ran .item_ment .item_right .name .text .q {
  background-color: #469910;
}
.college_ran .item_list .right .name .text .z,
.college_ran .item_ment .right .name .text .z,
.college_ran .item_list .item_right .name .text .z,
.college_ran .item_ment .item_right .name .text .z {
  background-color: #e84c33;
}
.college_ran .item_list .right .name .follow,
.college_ran .item_ment .right .name .follow,
.college_ran .item_list .item_right .name .follow,
.college_ran .item_ment .item_right .name .follow {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 16px;
  color: #666666;
}
.college_ran .item_list .right .name .follow:hover,
.college_ran .item_ment .right .name .follow:hover,
.college_ran .item_list .item_right .name .follow:hover,
.college_ran .item_ment .item_right .name .follow:hover {
  cursor: pointer;
}
.college_ran .item_list .right .name .follow i,
.college_ran .item_ment .right .name .follow i,
.college_ran .item_list .item_right .name .follow i,
.college_ran .item_ment .item_right .name .follow i {
  display: block;
  font-size: 16px;
  color: #666666;
}
.college_ran .item_list .right .name .follow .text_color,
.college_ran .item_ment .right .name .follow .text_color,
.college_ran .item_list .item_right .name .follow .text_color,
.college_ran .item_ment .item_right .name .follow .text_color {
  color: #e84c33;
}
.college_ran .item_list .right .name .follow .heat,
.college_ran .item_ment .right .name .follow .heat,
.college_ran .item_list .item_right .name .follow .heat,
.college_ran .item_ment .item_right .name .follow .heat {
  font-size: 16px;
  color: #999;
  margin-top: 10px;
}
.college_ran .item_list .right .name .new_follow,
.college_ran .item_ment .right .name .new_follow,
.college_ran .item_list .item_right .name .new_follow,
.college_ran .item_ment .item_right .name .new_follow {
  color: #e84c33;
}
.college_ran .item_list .right .name .new_follow i,
.college_ran .item_ment .right .name .new_follow i,
.college_ran .item_list .item_right .name .new_follow i,
.college_ran .item_ment .item_right .name .new_follow i {
  color: #e84c33;
}
.payMethod {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(51, 51, 51, 0.5);
  display: none;
}
.payMethod .content {
  width: 324px;
  height: 283px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-162px, -141.5px);
  z-index: 999;
}
.payMethod .content .title_db {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #e84c33;
  color: #ffffff;
  font-size: 20px;
}
.payMethod .content .title_db i {
  font-size: 20px;
  color: #ffffff;
}
.payMethod .content .title_db i:hover {
  cursor: pointer;
}
.payMethod .content .list {
  padding: 20px 10px;
  height: 203px;
  background-color: #ffffff;
}
.payMethod .content .list .types {
  font-size: 16px;
  text-align: left;
  color: #666666;
}
.payMethod .content .list .name {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payMethod .content .list .name .icons {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payMethod .content .list .name .icons:hover {
  cursor: pointer;
}
.payMethod .content .list .name .icons i {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.payMethod .content .list .name .icons:nth-child(1) i {
  font-size: 100px;
  color: #02a9f1;
}
.payMethod .content .list .name .icons:nth-child(2) {
  margin-left: 40px;
}
.payMethod .content .list .name .icons:nth-child(2) i {
  font-size: 80px;
  color: #6bc839;
  padding-left: 33px;
}
.payMethod .content .list .name .active {
  border: 1px solid #e84c33;
}
.payMethod .content .list .btn_que {
  width: 100px;
  height: 32px;
  line-height: 32px;
  background-color: #e84c33;
  color: #FFFFFF;
  font-size: 16px;
  margin: 20px auto;
  text-align: center;
}
.learn_details {
  width: 1200px;
  margin: 0 auto;
}
.learn_details .stu_details {
  background-color: #f4f4f4;
  margin-top: 20px;
  padding: 10px;
  position: relative;
  display: flex;
}
.learn_details .stu_details .image {
  width: 65px;
  height: 65px;
}
.learn_details .stu_details .image img {
  width: 100%;
  height: 100%;
}
.learn_details .stu_details .title_type {
  margin-left: 10px;
}
.learn_details .stu_details .title_type .title {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
}
.learn_details .stu_details .title_type .item {
  display: flex;
  align-items: center;
}
.learn_details .stu_details .title_type .item .les {
  margin-right: 30px;
  font-size: 16px;
  text-align: left;
  color: #333333;
}
.learn_details .stu_details .title_type .item .les:nth-last-child(1) {
  display: flex;
}
.learn_details .stu_details .title_type .item .les:nth-last-child(1) .text {
  color: #e84c33;
}
.learn_details .stu_details .title_type .item .les:nth-last-child(1) .text:nth-child(1) {
  margin-right: 30px;
}
.learn_details .stu_details .title_type .item .les:nth-last-child(1) .text .qu {
  width: 50px;
  height: 26px;
  line-height: 26px;
  border-radius: 5px;
  background-color: #4c9c1a;
  color: #ffffff;
  margin-right: 5px;
  padding: 0 5px;
}
.learn_details .stu_details .title_type .item .les:nth-last-child(1) .text .zhong {
  width: 50px;
  height: 26px;
  line-height: 26px;
  color: #ffffff;
  margin-right: 5px;
  border-radius: 5px;
  padding: 0 5px;
  background-color: #e84c33;
}
.learn_details .stu_details .see {
  position: absolute;
  background-color: #e84c33;
  color: #FFFFFF;
  font-size: 16px;
  padding: 5px 10px;
  right: 10px;
  top: 27px;
  text-align: center;
}
.learn_details .stu_details .see i {
  font-size: 16px;
  color: #dedede;
}
.learn_details .stu_details .see i:hover {
  cursor: pointer;
}
.learn_details .stu_details .see .type_text {
  color: #ffffff;
}
.learn_details .stu_list {
  width: 100%;
  display: flex;
  margin-top: 30px;
}
.learn_details .stu_list .left .text {
  width: 180px;
  line-height: 40px;
  text-align: left;
  font-size: 20px;
  color: #333333;
}
.learn_details .stu_list .left .text:hover {
  cursor: pointer;
}
.learn_details .stu_list .left .active {
  color: #e84c33;
}
.learn_details .stu_list .right {
  width: 1020px;
}
.learn_details .stu_list .right .list_details {
  border: 2px solid #dedede;
  border-top: none;
  display: none;
  padding-bottom: 10px;
}
.learn_details .stu_list .right .list_details .top_title {
  border-left: 2px solid #e84c33;
  padding: 0 20px;
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  background-color: #f4f4f4;
  height: 40px;
  line-height: 40px;
  z-index: 999;
}
.learn_details .stu_list .right .list_details .introduce {
  padding: 10px 20px;
  margin-bottom: 20px;
}
.learn_details .stu_list .right .list_details .introduce:nth-last-child(1) {
  margin-bottom: 0;
}
.learn_details .stu_list .right .list_details .introduce:nth-last-child(2) {
  padding: 10px 0 10px 20px;
}
.learn_details .stu_list .right .list_details .introduce .name_al {
  border-left: 2px solid #e84c33;
  font-size: 20px;
  color: #333333;
  padding: 0 20px;
}
.learn_details .stu_list .right .list_details .introduce .item_list {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 2px dashed #dedede;
  margin-top: 20px;
}
.learn_details .stu_list .right .list_details .introduce .item_list .text {
  font-size: 16px;
  color: #666;
  margin-right: 30px;
  display: flex;
  align-items: center;
}
.learn_details .stu_list .right .list_details .introduce .item_list .text span {
  display: block;
  margin-left: 10px;
  color: #e84c33;
}
.learn_details .stu_list .right .list_details .introduce .item_list .btn_text {
  width: 93px;
  height: 30px;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  border-radius: 5px;
}
.learn_details .stu_list .right .list_details .introduce .item_list .btn_text a {
  color: #ffffff;
}
.learn_details .stu_list .right .list_details .introduce .item_list .btn_text:nth-last-child(2) {
  background-color: #f9ba48;
  margin-right: 10px;
  margin-left: 50px;
}
.learn_details .stu_list .right .list_details .introduce .item_list .btn_text:nth-last-child(1) {
  background-color: #e84c33;
}
.learn_details .stu_list .right .list_details .introduce .history .btn_overShowow {
  height: 140px;
  overflow: hidden;
}
.learn_details .stu_list .right .list_details .introduce .history .details {
  margin-top: 30px;
  line-height: 28px;
  font-size: 16px;
  color: #333333;
  text-align: left;
}
.learn_details .stu_list .right .list_details .introduce .history .btn_active {
  height: auto;
  overflow: auto;
}
.learn_details .stu_list .right .list_details .introduce .history .gebngType {
  display: none;
}
.learn_details .stu_list .right .list_details .introduce .history .gebngType:hover {
  cursor: pointer;
}
.learn_details .stu_list .right .list_details .introduce .history .gebngType .btn_gebng {
  font-size: 16px;
  color: #e84c33;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.learn_details .stu_list .right .list_details .introduce .history .gebngType .btn_gebng i {
  font-size: 16px;
  color: #e84c33;
  margin-left: 10px;
  transition: all 0.5s;
}
.learn_details .stu_list .right .list_details .introduce .history .tranfrom i {
  width: 16px;
  height: 16px;
  display: block;
  transform: rotate(180deg);
}
.learn_details .stu_list .right .list_details .introduce .major {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.learn_details .stu_list .right .list_details .introduce .major .name {
  font-size: 16px;
  line-height: 28px;
  color: #333333;
  margin-right: 30px;
}
.learn_details .stu_list .right .list_details .introduce .category {
  width: 100%;
  margin-top: 20px;
}
.learn_details .stu_list .right .list_details .introduce .category .stuTop_title {
  font-size: 16px;
  color: #666666;
  text-align: left;
  display: flex;
  padding: 10px 0;
  border-bottom: 2px dashed #dedede;
}
.learn_details .stu_list .right .list_details .introduce .category .stuTop_title .name:nth-child(1) {
  width: 18%;
}
.learn_details .stu_list .right .list_details .introduce .category .stuTop_title .name:nth-child(2) {
  width: 82%;
}
.learn_details .stu_list .right .list_details .introduce .category .list {
  font-size: 16px;
  color: #333333;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  border-bottom: 2px dashed #dedede;
}
.learn_details .stu_list .right .list_details .introduce .category .list .college {
  width: 18%;
}
.learn_details .stu_list .right .list_details .introduce .category .list .college a:hover {
  color: #e84c33;
}
.learn_details .stu_list .right .list_details .introduce .category .list .major_text {
  width: 82%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.learn_details .stu_list .right .list_details .introduce .category .list .major_text .name {
  line-height: 28px;
  margin-right: 19px;
}
.learn_details .stu_list .right .list_details .introduce .category .list .major_text .name a:hover {
  color: #e84c33;
}
.learn_details .stu_list .right .list_details .screen_list {
  padding: 20px;
}
.learn_details .stu_list .right .list_details .screen_list .top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.learn_details .stu_list .right .list_details .screen_list .top .select {
  height: 34px;
  width: 120px;
  margin-right: 20px;
  background-color: #f4f4f4;
}
.learn_details .stu_list .right .list_details .screen_list .top .select_bgcolor {
  width: 120px;
  margin-right: 20px;
  background-color: #ffffff;
}
.learn_details .stu_list .right .list_details .screen_list .top .select_bgcolor select {
  width: 100%;
  height: 34px;
}
.learn_details .stu_list .right .list_details .screen_list .top .ben_see a {
  display: block;
  width: 60px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  background-color: #e84c33;
}
.learn_details .stu_list .right .list_details .screen_list .list {
  width: 100%;
  border: 2px solid #dedede;
  border-bottom: none;
  font-size: 16px;
  color: #333333;
  margin-top: 20px;
}
.learn_details .stu_list .right .list_details .screen_list .list .title {
  background-color: #f4f4f4;
}
.learn_details .stu_list .right .list_details .screen_list .list .title,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: flex;
}
.learn_details .stu_list .right .list_details .screen_list .list .title .name,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .name,
.learn_details .stu_list .right .list_details .screen_list .list .title .li,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .li,
.learn_details .stu_list .right .list_details .screen_list .list .title .major_name,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .major_name,
.learn_details .stu_list .right .list_details .screen_list .list .title .plan_name,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .plan_name,
.learn_details .stu_list .right .list_details .screen_list .list .title .name_text,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .name_text {
  height: 30px;
  border-bottom: 2px solid #dedede;
  border-right: 2px solid #dedede;
}
.learn_details .stu_list .right .list_details .screen_list .list .title .name:nth-last-child(1),
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .name:nth-last-child(1),
.learn_details .stu_list .right .list_details .screen_list .list .title .li:nth-last-child(1),
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .li:nth-last-child(1),
.learn_details .stu_list .right .list_details .screen_list .list .title .major_name:nth-last-child(1),
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .major_name:nth-last-child(1),
.learn_details .stu_list .right .list_details .screen_list .list .title .plan_name:nth-last-child(1),
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .plan_name:nth-last-child(1),
.learn_details .stu_list .right .list_details .screen_list .list .title .name_text:nth-last-child(1),
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .name_text:nth-last-child(1) {
  border-right: none;
}
.learn_details .stu_list .right .list_details .screen_list .list .title .name a:hover,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .name a:hover,
.learn_details .stu_list .right .list_details .screen_list .list .title .li a:hover,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .li a:hover,
.learn_details .stu_list .right .list_details .screen_list .list .title .major_name a:hover,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .major_name a:hover,
.learn_details .stu_list .right .list_details .screen_list .list .title .plan_name a:hover,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .plan_name a:hover,
.learn_details .stu_list .right .list_details .screen_list .list .title .name_text a:hover,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .name_text a:hover {
  color: #e84c33;
}
.learn_details .stu_list .right .list_details .screen_list .list .title .name span,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .name span,
.learn_details .stu_list .right .list_details .screen_list .list .title .li span,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .li span,
.learn_details .stu_list .right .list_details .screen_list .list .title .major_name span,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .major_name span,
.learn_details .stu_list .right .list_details .screen_list .list .title .plan_name span,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .plan_name span,
.learn_details .stu_list .right .list_details .screen_list .list .title .name_text span,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .name_text span {
  height: 90%;
  border-radius: 5px;
  background-color: #fbe2de;
  color: #e84c33;
  font-size: 16px;
  padding: 0 5px;
  margin: 0 10px;
}
.learn_details .stu_list .right .list_details .screen_list .list .title .name,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .name,
.learn_details .stu_list .right .list_details .screen_list .list .title .li,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .li {
  width: 14.28571429%;
}
.learn_details .stu_list .right .list_details .screen_list .list .title .major_name,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .major_name {
  width: 11.11111111%;
}
.learn_details .stu_list .right .list_details .screen_list .list .title .newName,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .newName {
  width: 300px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.learn_details .stu_list .right .list_details .screen_list .list .title .plan_name,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .plan_name {
  width: 16.66666667%;
}
.learn_details .stu_list .right .list_details .screen_list .list .title .new_plan,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .new_plan {
  width: 500px;
}
.learn_details .stu_list .right .list_details .screen_list .list .title .name_text,
.learn_details .stu_list .right .list_details .screen_list .list .ul_list .name_text {
  width: 50%;
}
.learn_details .stu_list .right .list_details .screen_list .new_list .ul_list:hover {
  background-color: #f4f4f4;
}
.learn_details .stu_list .right .list_details .screen_list .new_list .ul_list .name_text a:hover {
  color: #e84c33;
}
.learn_details .stu_list .right .list_details .ulItemlist {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 10px;
  padding: 10px 0;
  border-bottom: 2px dashed #dedede;
  font-size: 16px;
  color: #333333;
  text-align: left;
}
.learn_details .stu_list .right .list_details .ulItemlist .text_name_ul {
  width: 90%;
  display: flex;
}
.learn_details .stu_list .right .list_details .ulItemlist .text_name_ul span {
  display: block;
  width: 16px;
  height: 16px;
}
.learn_details .stu_list .right .list_details .ulItemlist .text_name_ul span i {
  font-size: 16px;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  color: #999;
  display: block;
}
.learn_details .stu_list .right .list_details .ulItemlist .text_name_ul .name {
  width: 90%;
  height: 20px;
  line-height: 20px;
  align-items: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.learn_details .stu_list .right .list_details .ulItemlist .text_name_ul .name a:hover {
  color: #e84c33;
}
.learn_details .stu_list .right .list_details .ulItemlist .times {
  color: #999;
}
.learn_details .stu_list .right .list_show {
  display: block;
}
.brief_details {
  width: 1200px;
  margin: 20px auto 0;
  display: flex;
  justify-content: space-between;
}
.brief_details .left {
  width: 890px;
  padding: 10px;
  border: 2px solid #dedede;
}
.brief_details .left .title {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  line-height: 36px;
}
.brief_details .left .tig_text {
  margin-top: 15px;
  display: flex;
  justify-content: center;
}
.brief_details .left .tig_text .time,
.brief_details .left .tig_text .amount {
  font-size: 16px;
  color: #999999;
  line-height: 30px;
}
.brief_details .left .tig_text .amount {
  margin-left: 20px;
}
.brief_details .left .content {
  margin-top: 20px;
  font-size: 16px;
  text-align: left;
  color: #333333;
  text-indent: 2em;
}
.brief_details .right {
  width: 210px;
  padding: 20px;
  border: 2px solid #dedede;
}
.brief_details .right .title_name {
  font-size: 20px;
  color: #333333;
}
.brief_details .right .data_text {
  font-size: 16px;
  line-height: 36px;
  height: 36px;
  overflow: hidden;
}
.brief_details .right .data_text a:hover {
  color: #e84c33;
}
.majio_list {
  width: 1200px;
  margin: 10px auto 0;
  display: flex;
  justify-content: space-between;
}
.majio_list .left {
  width: 910px;
}
.majio_list .left .suosou {
  width: 100%;
  height: 48px;
  display: flex;
}
.majio_list .left .suosou input {
  display: block;
  width: 1100px;
  border: 2px solid #dedede;
  border-right: none;
  height: 100%;
  padding: 0 10px;
  color: #333333;
  font-size: 16px;
}
.majio_list .left .suosou ::-webkit-input-placeholder {
  color: #666666;
}
.majio_list .left .suosou .btn_text {
  width: 80px;
  height: 48px;
  line-height: 48px;
  font-size: 20px;
  text-align: center;
  color: #ffffff;
  background-color: #e84c33;
}
.majio_list .left .majioClass {
  margin-top: 20px;
}
.majio_list .left .majioClass .top_tab {
  display: flex;
  height: 44px;
  line-height: 44px;
  border-bottom: 2px solid #e84c33;
  font-size: 20px;
  color: #333333;
}
.majio_list .left .majioClass .top_tab .name {
  width: 150px;
  height: 44px;
  line-height: 44px;
  text-align: center;
}
.majio_list .left .majioClass .top_tab .name:hover {
  cursor: pointer;
}
.majio_list .left .majioClass .top_tab .active {
  background-color: #e84c33;
  color: #ffffff;
}
.majio_list .left .majioClass .tab_list {
  display: none;
}
.majio_list .left .majioClass .tab_list .major_type {
  border: 2px solid #dedede;
  border-top: none;
  padding: 10px 2% 0 2%;
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff;
}
.majio_list .left .majioClass .tab_list .major_type .name {
  font-size: 16px;
  color: #333333;
  margin-right: 20px;
  margin-bottom: 15px;
}
.majio_list .left .majioClass .tab_list .major_type .name:hover {
  cursor: pointer;
  color: #e84c33;
}
.majio_list .left .majioClass .tab_list .major_type .active {
  color: #e84c33;
}
.majio_list .left .majioClass .tab_list .content_data {
  margin-top: 20px;
}
.majio_list .left .majioClass .tab_list .content_data .title {
  height: 44px;
  line-height: 44px;
  border-left: 2px solid #e84c33;
  background-color: #f4f4f4;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
}
.majio_list .left .majioClass .tab_list .content_data .title .name {
  font-size: 20px;
  color: #333333;
}
.majio_list .left .majioClass .tab_list .content_data .title .tig {
  font-size: 16px;
  color: #999999;
}
.majio_list .left .majioClass .tab_list .content_data .fenlei {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding-bottom: 5px;
  border-bottom: 2px solid #dedede;
  font-size: 18px;
}
.majio_list .left .majioClass .tab_list .content_data .fenlei .name a {
  color: #333333;
}
.majio_list .left .majioClass .tab_list .content_data .fenlei .name a:hover {
  color: #e84c33;
}
.majio_list .left .majioClass .tab_list .content_data .fenlei .tig {
  font-size: 16px;
  color: #999999;
  margin-right: 10px;
}
.majio_list .left .majioClass .tab_list .content_data .item_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
}
.majio_list .left .majioClass .tab_list .content_data .item_list .name {
  width: 25%;
  text-align: left;
  font-size: 16px;
  line-height: 30px;
}
.majio_list .left .majioClass .tab_list .content_data .item_list .name a {
  color: #333333;
}
.majio_list .left .majioClass .tab_list .content_data .item_list .name a:hover {
  color: #e84c33;
}
.majio_list .left .majioClass .tab_show {
  display: block;
}
.majio_list .right {
  width: 260px;
}
.majio_list .right .tab_itemList {
  display: none;
}
.majio_list .right .tab_itemList .type_list:nth-child(2) {
  margin-top: 30px;
}
.majio_list .right .tab_itemList .type_list .title {
  border-left: 4px solid #e84c33;
  background-color: #f4f4f4;
  font-size: 18px;
  color: #333333;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  line-height: 44px;
}
.majio_list .right .tab_itemList .type_list .title span:nth-child(2) {
  font-size: 14px;
  color: #999999;
}
.majio_list .right .tab_itemList .type_list .modal_right {
  border: 2px solid #dedede;
  border-top: none;
  padding-top: 20px;
}
.majio_list .right .tab_itemList .type_list .modal_right li {
  height: 36px;
  line-height: 36px;
  margin-bottom: 20px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333333;
}
.majio_list .right .tab_itemList .type_list .modal_right li span {
  font-size: 18px;
  color: #999999;
  margin-right: 10px;
  text-align: center;
  display: block;
  width: 30px;
  height: 30px;
}
.majio_list .right .tab_itemList .type_list .modal_right li img {
  display: block;
  width: 25px;
  height: 30px;
  margin-right: 10px;
}
.majio_list .right .tab_itemList .type_list .modal_right li a {
  display: block;
}
.majio_list .right .tab_itemList .type_list .modal_right li a:hover {
  color: #e84c33;
}
.majio_list .right .tab_itemShow {
  display: block;
}
.majio_details {
  width: 1200px;
  margin: 20px auto 0;
  display: flex;
  justify-content: space-between;
}
.majio_details .left {
  width: 246px;
}
.majio_details .left .left_tab {
  width: 100%;
  border: 1px solid #dedede;
}
.majio_details .left .left_tab .title_tab {
  width: 100%;
  display: flex;
}
.majio_details .left .left_tab .title_tab .name {
  width: 50%;
  height: 42px;
  line-height: 42px;
  color: #333333;
  font-size: 20px;
  text-align: center;
  background-color: #f4f4f4;
  border-top: 2px solid rgba(244, 244, 244, 0.7);
}
.majio_details .left .left_tab .title_tab .name:hover {
  cursor: pointer;
}
.majio_details .left .left_tab .title_tab .active {
  color: #e84c33;
  background-color: #ffffff;
  border-top: 2px solid #e84c33;
}
.majio_details .left .left_tab .item_list {
  width: 95%;
  padding: 10px 0px 10px 20px;
}
.majio_details .left .left_tab .item_list .list {
  display: none;
}
.majio_details .left .left_tab .item_list .list .content_text .name {
  display: flex;
  align-items: center;
  position: relative;
  color: #333333;
  font-size: 16px;
  height: 19px;
  padding: 5px 0;
}
.majio_details .left .left_tab .item_list .list .content_text .name:hover {
  cursor: pointer;
  color: #e84c33;
}
.majio_details .left .left_tab .item_list .list .content_text .name i {
  font-size: 16px;
  margin-right: 10px;
  display: block;
  transform: rotate(-90deg);
  color: #999999;
  transition: all 0.5s;
}
.majio_details .left .left_tab .item_list .list .content_text .name .text_rotate {
  transform: rotate(0deg);
}
.majio_details .left .left_tab .item_list .list .content_text .name .number_text {
  position: absolute;
  top: 0;
  right: 20px;
}
.majio_details .left .left_tab .item_list .list .content_text .className {
  position: relative;
  display: none;
}
.majio_details .left .left_tab .item_list .list .content_text .className .name_ty {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 16px;
  color: #333333;
  height: 25px;
  line-height: 25px;
  padding-left: 25px;
}
.majio_details .left .left_tab .item_list .list .content_text .className .name_ty:hover {
  color: #e84c33;
}
.majio_details .left .left_tab .item_list .list .content_text .className .name_ty:hover a {
  color: #e84c33;
}
.majio_details .left .left_tab .item_list .list .content_text .className .name_ty:hover .text {
  transform: translateX(10px);
}
.majio_details .left .left_tab .item_list .list .content_text .className .name_ty a {
  color: #333333;
  margin-left: 13px;
}
.majio_details .left .left_tab .item_list .list .content_text .className .name_ty .trues {
  display: block;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  position: absolute;
  top: 2px;
}
.majio_details .left .left_tab .item_list .list .content_text .className .name_ty .text {
  position: absolute;
  top: 0;
  right: 20px;
  transition: all 0.5s;
}
.majio_details .left .left_tab .item_list .list .content_text .className .active_text {
  color: #e84c33;
}
.majio_details .left .left_tab .item_list .list .content_text .className .major_smallBlock {
  position: absolute;
  left: 228px;
  width: 400px;
  border: 1px solid #ccc;
  border-left: none;
  padding: 20px;
  background: #fff;
  top: -20px;
  right: 0;
  display: none;
  z-index: 3;
}
.majio_details .left .left_tab .item_list .list .content_text .className .major_smallBlock .title {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  text-align: left;
}
.majio_details .left .left_tab .item_list .list .content_text .className .major_smallBlock .domel_list {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.majio_details .left .left_tab .item_list .list .content_text .className .major_smallBlock .domel_list .name {
  display: block;
  width: 33%;
  text-align: left;
  margin: 10px 0;
}
.majio_details .left .left_tab .item_list .list .content_text .className .major_smallBlock .domel_list .name a:hover {
  display: block;
  color: #e84c33;
}
.majio_details .left .left_tab .item_list .details_type_show {
  display: block;
}
.majio_details .left .related_majors {
  margin-top: 20px;
  border: 1px solid #dedede;
}
.majio_details .left .related_majors .title {
  font-size: 20px;
  color: #333333;
  padding: 10px;
  border-bottom: 1px solid #dedede;
}
.majio_details .left .related_majors .name {
  margin: 0 auto;
  padding: 10px 0;
  font-size: 16px;
  text-align: left;
  color: #333333;
  width: 90%;
  border-bottom: 1px dashed #dedede;
}
.majio_details .left .related_majors .name:nth-last-child(1) {
  border-bottom: none;
}
.majio_details .right {
  width: 920px;
}
.majio_details .right .navigation {
  width: 100%;
  display: flex;
  align-items: center;
  height: 42px;
  margin-bottom: 20px;
}
.majio_details .right .navigation input {
  display: block;
  border: 2px solid #dedede;
  border-right: none;
  height: 100%;
  width: 820px;
  padding: 0 10px;
  line-height: 42px;
  font-size: 16px;
  color: #333333;
}
.majio_details .right .navigation:-webkit-input-placeholder {
  color: #999999;
}
.majio_details .right .navigation .btn_submit {
  display: block;
  width: 80px;
  height: 100%;
  text-align: center;
  line-height: 42px;
  font-size: 16px;
  color: #ffffff;
  background-color: #e84c33;
  cursor: pointer;
}
.majio_details .right .contents .list {
  padding: 20px 15px;
  background-color: #f4f4f4;
}
.majio_details .right .contents .list .title {
  display: flex;
  justify-content: space-between;
}
.majio_details .right .contents .list .title .name {
  font-size: 32px;
  color: #333333;
}
.majio_details .right .contents .list .title .tig_text {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #666666;
}
.majio_details .right .contents .list .title .tig_text i {
  font-size: 16px;
  color: #999999;
  margin-right: 5px;
}
.majio_details .right .contents .list .title .tig_text i:hover {
  cursor: pointer;
}
.majio_details .right .contents .list .title .tig_text .btn_changee {
  color: #e84c33;
}
.majio_details .right .contents .list .text {
  margin-top: 10px;
  font-size: 16px;
  line-height: 36px;
  text-align: left;
  color: #666666;
  display: flex;
  align-items: center;
}
.majio_details .right .contents .list .text span {
  display: block;
  margin: 0 5px;
}
.majio_details .right .contents .list .text span:nth-child(1) {
  margin-left: 0;
}
.majio_details .right .contents .list .text .ai {
  font-size: 16px;
}
.majio_details .right .contents .list .text .ai:nth-last-child(1) {
  display: none;
}
.majio_details .right .contents .list .tig_text {
  line-height: 36px;
  text-align: left;
  color: #666666;
}
.majio_details .right .contents .major_smallList {
  margin-top: 20px;
  font-size: 16px;
}
.majio_details .right .contents .major_smallList .switchTab {
  width: 100%;
  border-bottom: 2px solid #e84c33;
  display: flex;
}
.majio_details .right .contents .major_smallList .switchTab .name,
.majio_details .right .contents .major_smallList .switchTab .detaName {
  height: 44px;
  width: 150px;
  text-align: center;
  line-height: 44px;
}
.majio_details .right .contents .major_smallList .switchTab .detaName {
  font-size: 20px;
  color: #333333;
}
.majio_details .right .contents .major_smallList .switchTab .detaName:hover {
  cursor: pointer;
}
.majio_details .right .contents .major_smallList .switchTab .name,
.majio_details .right .contents .major_smallList .switchTab .active_name {
  color: #ffffff;
  background-color: #e84c33;
}
.majio_details .right .contents .major_smallList .tabcontent {
  margin-top: 10px;
}
.majio_details .right .contents .major_smallList .tabcontent .title {
  border-left: 4px solid #e84c33;
  padding: 0 10px;
  font-size: 20px;
  color: #333333;
}
.majio_details .right .contents .major_smallList .tabcontent .title span {
  font-size: 16px;
  color: #666666;
}
.majio_details .right .contents .major_smallList .tabcontent .list_block {
  padding-bottom: 20px;
  margin-top: 20px;
  border-bottom: 2px dashed #dedede;
}
.majio_details .right .contents .major_smallList .tabcontent .list_block .name a {
  display: block;
  font-size: 20px;
  color: #333333;
}
.majio_details .right .contents .major_smallList .tabcontent .list_block .name a:hover {
  color: #e84c33;
}
.majio_details .right .contents .major_smallList .tabcontent .list_block .mtn_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.majio_details .right .contents .major_smallList .tabcontent .list_block .mtn_content .btn_foot {
  display: flex;
  align-items: center;
}
.majio_details .right .contents .major_smallList .tabcontent .list_block .mtn_content .btn_foot .code,
.majio_details .right .contents .major_smallList .tabcontent .list_block .mtn_content .btn_foot .years {
  font-size: 16px;
  color: #999999;
}
.majio_details .right .contents .major_smallList .tabcontent .list_block .mtn_content .btn_foot .years {
  margin-left: 30px;
}
.majio_details .right .contents .major_smallList .tabcontent .list_block .mtn_content .majio_look a {
  color: #999999;
  font-size: 16px;
}
.majio_details .right .contents .major_smallList .tabcontent .list_block .mtn_content .majio_look a:hover {
  color: #e84c33;
}
.majio_details .right .contents .major_smallList .taball .deta_list {
  display: none;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type {
  margin-top: 30px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .title {
  border-left: 4px solid #e84c33;
  padding: 0 10px;
  font-size: 20px;
  color: #333333;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .itenm_img {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .itenm_img li {
  width: 33%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .itenm_img li .img {
  width: 50px;
  height: 50px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .itenm_img li .img img {
  width: 100%;
  height: 100%;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .itenm_img li .content {
  margin-left: 10px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .itenm_img li .content .name {
  font-size: 18px;
  color: #333333;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .itenm_img li .content .ceng {
  font-size: 16px;
  color: #999999;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .itenm_img li:nth-last-child(1) {
  margin-bottom: 0;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .itenm_img li:nth-last-child(2) {
  margin-bottom: 0;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .item_content {
  margin-top: 20px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .item_content .title_ifom {
  display: flex;
  align-items: center;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .item_content .title_ifom .la_icon {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #999999;
  margin-right: 10px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .item_content .text {
  text-indent: 2em;
  font-size: 16px;
  color: #666666;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .jobProspect_yes {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #dedede;
  display: flex;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .jobProspect_yes .left-list {
  padding: 20px;
  width: 50%;
  border-right: 1px solid #dedede;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .jobProspect_yes .left-list .title_dsd .name {
  font-size: 18px;
  color: #333333;
  display: flex;
  align-content: center;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .jobProspect_yes .left-list .title_dsd .name .lsps {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #e84c33;
  margin: 6px 5px 0 0;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .jobProspect_yes .left-list .title_dsd .content {
  font-size: 16px;
  color: #666666;
  margin-top: 10px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .jobProspect_yes .left-list .btn_ul a {
  display: block;
  width: 120px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border: 2px solid #e84c33;
  color: #e84c33;
  font-size: 14px;
  margin: 20px auto;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .jobProspect_yes .right-list {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .post_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 2px dashed #dedede;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .post_list .left {
  font-size: 18px;
  line-height: 34px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .post_list .left .wages {
  font-size: 16px;
  color: #999999;
  line-height: 36px;
  text-align: left;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .post_list .rightsd a:hover {
  color: #e84c33;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .post_details {
  margin-top: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .post_details span a {
  display: block;
  padding: 2px 5px;
  margin-right: 10px;
  border: 1px solid #dedede;
  margin-bottom: 10px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .item_type .post_details span a:hover {
  color: #e84c33;
}
.majio_details .right .contents .major_smallList .taball .deta_list .jiuye {
  margin-top: 30px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .jiuye .title {
  width: 100%;
  display: flex;
  align-items: center;
}
.majio_details .right .contents .major_smallList .taball .deta_list .jiuye .title .name {
  width: 50%;
  border-left: 4px solid #e84c33;
  padding: 0 10px;
  font-size: 20px;
  text-align: left;
  color: #333333;
}
.majio_details .right .contents .major_smallList .taball .deta_list .jiuye .details {
  margin-top: 20px;
  border: 1px solid #dedede;
  display: flex;
}
.majio_details .right .contents .major_smallList .taball .deta_list .jiuye .details .left_kl {
  width: 50%;
  padding: 20px 10px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .jiuye .details .left_kl:nth-child(2) {
  border-left: 1px solid #dedede;
}
.majio_details .right .contents .major_smallList .taball .deta_list .jiuye .details .left_kl li {
  margin-top: 10px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .jiuye .details .left_kl li:nth-child(1) {
  margin-top: 0;
}
.majio_details .right .contents .major_smallList .taball .deta_list .jiuye .details .left_kl li .name {
  font-size: 16px;
  color: #333333;
}
.majio_details .right .contents .major_smallList .taball .deta_list .jiuye .details .left_kl li .progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .jiuye .details .left_kl li .progress .bar {
  width: 180px;
  height: 10px;
  border-radius: 10px;
  background-color: #dedede;
  position: relative;
}
.majio_details .right .contents .major_smallList .taball .deta_list .jiuye .details .left_kl li .progress .bar .bgty_color {
  width: 20px;
  height: 10px;
  background-color: #e84c33;
  position: absolute;
  border-radius: 10px;
  top: 0;
  left: 0;
}
.majio_details .right .contents .major_smallList .taball .deta_list .jiuye .details .left_kl li .progress .text {
  font-size: 16px;
  color: #333333;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list {
  padding: 20px 0;
  border-bottom: 1px dashed #dedede;
  display: flex;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list:hover {
  background-color: #f4f4f4;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .img {
  width: 80px;
  height: 80px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .img img {
  width: 100%;
  height: 100%;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .content {
  margin-left: 20px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .content .name a {
  display: block;
  font-size: 20px;
  color: #333333;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .content .name a:hover {
  color: #e84c33;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .content .text {
  margin-top: 10px;
  display: flex;
  font-size: 14px;
  color: #666666;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .content .text span {
  display: block;
  margin: 0 6px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .content .text .map_sp {
  display: block;
  margin-left: 20px;
  color: #666666;
  font-size: 14px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .content .text .map_sp i {
  font-size: 14px;
  color: #e84c33;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .content .tig_open {
  display: block;
  margin-top: 10px;
  display: flex;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .content .tig_open span {
  padding: 0 10px;
  border-radius: 5px;
  height: 20px;
  line-height: 20px;
  color: #999999;
  margin-right: 10px;
  border: 1px solid #dedede;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .ri_type {
  margin-left: 100px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .ri_type .name {
  font-size: 16px;
  color: #999999;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .ri_type .text {
  font-size: 14px;
  color: #333333;
  margin-top: 10px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .tion {
  margin-left: 100px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .tion .name {
  font-size: 14px;
  color: #999999;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .tion .text {
  text-align: left;
  color: #e84c33;
  margin-top: 10px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .right_ai {
  margin-left: 100px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .right_ai .heart {
  font-size: 14px;
  color: #666666;
  display: flex;
  align-items: center;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .right_ai .heart i {
  font-size: 20px;
  color: #999999;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .right_ai .heart i:hover {
  cursor: pointer;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .right_ai .heart .heart_color {
  color: #e84c33;
}
.majio_details .right .contents .major_smallList .taball .deta_list .college_list .right_ai .hot {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
}
.majio_details .right .contents .major_smallList .taball .deta_list .majio_listTab {
  border: 2px solid #dedede;
  border-top: none;
  padding: 0 20px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .majio_listTab li {
  height: 36px;
  line-height: 36px;
  padding: 20px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px solid #dedede;
  position: relative;
}
.majio_details .right .contents .major_smallList .taball .deta_list .majio_listTab li:nth-last-child(1) {
  border-bottom: none;
}
.majio_details .right .contents .major_smallList .taball .deta_list .majio_listTab li span {
  font-size: 18px;
  color: #999999;
  margin-right: 10px;
  text-align: center;
  display: block;
  width: 30px;
  height: 30px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .majio_listTab li img {
  display: block;
  width: 25px;
  height: 30px;
  margin-right: 10px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .majio_listTab li a {
  display: block;
}
.majio_details .right .contents .major_smallList .taball .deta_list .majio_listTab li a:hover {
  color: #e84c33;
}
.majio_details .right .contents .major_smallList .taball .deta_list .majio_listTab li .tig_text a {
  font-size: 16px;
  color: #999999;
  display: block;
  position: absolute;
  right: 10px;
  top: 20px;
}
.majio_details .right .contents .major_smallList .taball .deta_list .majio_listTab li .tig_text a:hover {
  color: #e84c33;
}
.majio_details .right .contents .major_smallList .taball .deta_list .bottom_tig {
  font-size: 18px;
  color: #999999;
  text-align: center;
  margin: 20px;
}
.majio_details .right .contents .major_smallList .taball .tdetails_show {
  display: block;
}
.majio_details .right .contents .major_smallList .bottom_text a {
  margin-top: 30px;
  text-align: center;
  font-size: 18px;
  color: #333333;
  display: block;
}
.majio_details .right .contents .major_smallList .bottom_text a:hover {
  color: #e84c33;
}
.fraction {
  width: 1200px;
  margin: 0 auto;
}
.fraction .title {
  height: 44px;
  border-left: 4px solid #e84c33;
  padding: 0 10px;
  background-color: #f4f4f4;
  font-size: 20px;
  color: #333333;
  line-height: 44px;
  text-align: left;
}
.fraction .search_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.fraction .search_box input {
  display: block;
  height: 40px;
  border: 1px solid #dedede;
  padding: 0 10px;
  font-size: 16px;
  color: #333333;
  width: 86%;
}
.fraction .search_box ::-webkit-input-placeholder {
  color: #999999;
}
.fraction .search_box .btn_query {
  width: 120px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  background-color: #e84c33;
  color: #ffffff;
}
.fraction .search_list {
  display: none;
}
.fraction .search_list .item_list {
  display: flex;
  align-items: center;
  font-size: 16px;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px dashed #dedede;
  margin-top: 10px;
}
.fraction .search_list .item_list .left {
  display: flex;
  align-items: center;
}
.fraction .search_list .item_list .left .number_text {
  background-color: #e84c33;
  color: #ffffff;
  padding: 5px 10px;
}
.fraction .search_list .item_list .left .name {
  margin-left: 10px;
  color: #333333;
}
.fraction .search_list .item_list .btn_choice {
  padding: 5px 20px;
  background-color: #e84c33;
  color: #fff;
}
.fraction .search_list .item_list .btn_choice:hover {
  cursor: pointer;
}
.fraction .query_results {
  display: none;
}
.fraction .query_results .title_query {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.fraction .query_results .title_query .name {
  font-size: 24px;
  color: #333333;
  margin-right: 10px;
}
.fraction .query_results .title_query .text {
  font-size: 16px;
  color: #999999;
  display: flex;
  align-items: center;
}
.fraction .query_results .title_query .text span a {
  display: block;
  color: #333333;
  margin-left: 10px;
}
.fraction .query_results .list .title {
  height: 44px;
  line-height: 44px;
  border-left: 4px solid #e84c33;
  background-color: #f4f4f4;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333333;
  font-size: 20px;
  margin-top: 20px;
}
.fraction .query_results .list .title .right {
  display: block;
  align-items: center;
  font-size: 16px;
}
.fraction .query_results .list .title .right .division {
  height: 24px;
  width: 80px;
  line-height: 24px;
  background-color: #ffffff;
}
.fraction .query_results .list .title .right .collage {
  margin-left: 10px;
  height: 24px;
  background-color: #ffffff;
  width: 156px;
}
.fraction .query_results .list .broken_line {
  width: 90%;
  height: 400px;
  margin: 20px auto;
}
.fraction .query_results .list .nian_list .title_likes,
.fraction .query_results .list .nian_list .content {
  width: 100%;
  border: 1px solid #dedede;
  display: flex;
}
.fraction .query_results .list .nian_list .title_likes .name,
.fraction .query_results .list .nian_list .content .name {
  width: 14.28571429%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.fraction .query_results .list .nian_list .title_likes .name:nth-child(1),
.fraction .query_results .list .nian_list .content .name:nth-child(1) {
  border-left: none;
}
.fraction .query_results .list .nian_list .title_likes {
  background-color: #f4f4f4;
}
.fraction .query_results .list .nian_list .title_likes .name {
  font-size: 18px;
  color: #333333;
}
.fraction .query_results .list .nian_list .content .name {
  font-size: 16px;
  color: #666666;
}
.fraction .query_results .list .nian_list .new_name {
  width: 100px;
}
.fraction .query_results .list .majorData_list {
  width: 100%;
  border: 1px solid #dedede;
  margin-top: 20px;
}
.fraction .query_results .list .majorData_list .titlehk_name,
.fraction .query_results .list .majorData_list .majorItem_list {
  width: 100%;
  display: flex;
  align-items: center;
}
.fraction .query_results .list .majorData_list .titlehk_name .name,
.fraction .query_results .list .majorData_list .majorItem_list .name {
  width: 50%;
  text-align: center;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  color: #666;
  font-size: 16px;
  display: flex;
}
.fraction .query_results .list .majorData_list .titlehk_name .name:nth-last-child(1),
.fraction .query_results .list .majorData_list .majorItem_list .name:nth-last-child(1) {
  border-right: none;
}
.fraction .query_results .list .majorData_list .titlehk_name .name .right_title,
.fraction .query_results .list .majorData_list .majorItem_list .name .right_title {
  width: 50%;
  display: flex;
  align-items: center;
}
.fraction .query_results .list .majorData_list .titlehk_name .name .right_title .text,
.fraction .query_results .list .majorData_list .majorItem_list .name .right_title .text {
  width: 25%;
  border-right: 1px solid #dedede;
}
.fraction .query_results .list .majorData_list .titlehk_name .name .right_title .text .tig,
.fraction .query_results .list .majorData_list .majorItem_list .name .right_title .text .tig {
  width: 100%;
  display: block;
  line-height: 32px;
  font-size: 16px;
  color: #666666;
  text-align: center;
  border-bottom: 1px solid #dedede;
}
.fraction .query_results .list .majorData_list .titlehk_name .name .right_title .text .tig:nth-last-child(1),
.fraction .query_results .list .majorData_list .majorItem_list .name .right_title .text .tig:nth-last-child(1) {
  border-bottom: none;
}
.fraction .query_results .list .majorData_list .titlehk_name .name .left_major,
.fraction .query_results .list .majorData_list .majorItem_list .name .left_major {
  width: 30%;
  border-right: 1px solid #dedede;
}
.fraction .query_results .list .majorData_list .titlehk_name .name .major_content,
.fraction .query_results .list .majorData_list .majorItem_list .name .major_content {
  width: 68%;
  padding: 0 1%;
}
.fraction .query_results .list .majorData_list .titlehk_name .name .new_line_height,
.fraction .query_results .list .majorData_list .majorItem_list .name .new_line_height {
  line-height: 98px;
}
.fraction .query_results .list .majorData_list .titlehk_name .lab1,
.fraction .query_results .list .majorData_list .majorItem_list .lab1 {
  line-height: 36px;
  font-size: 18px;
  color: #333333;
  background-color: #f4f4f4;
}
.fraction .query_results .list .majorData_list .titlehk_name .nameTssds,
.fraction .query_results .list .majorData_list .majorItem_list .nameTssds {
  width: 50%;
  text-align: center;
  line-height: 36px;
  color: #333333;
  background-color: #f4f4f4;
  border-bottom: 1px solid #dedede;
}
.fraction .query_results .list .majorData_list .titlehk_name .nameTssd1,
.fraction .query_results .list .majorData_list .majorItem_list .nameTssd1 {
  width: 50%;
  display: flex;
  background-color: #f4f4f4;
  line-height: 36px;
  text-align: center;
  color: #333333;
  border-bottom: 1px solid #dedede;
}
.fraction .query_results .list .majorData_list .titlehk_name .nameTssd1 .right_lab,
.fraction .query_results .list .majorData_list .majorItem_list .nameTssd1 .right_lab {
  width: 50%;
}
.fraction .query_results .list .majorData_list .titlehk_name .nameTssd1 .right_lab:nth-child(1),
.fraction .query_results .list .majorData_list .majorItem_list .nameTssd1 .right_lab:nth-child(1) {
  border-right: 1px solid #dedede;
}
.batchlinePage {
  width: 1200px;
  margin: 20px auto;
}
.batchlinePage .title {
  border-left: 4px solid #e84c33;
  padding: 0 20px;
  font-size: 20px;
  color: #333333;
  display: flex;
}
.batchlinePage .title span {
  font-size: 16px;
  color: #999999;
  margin-left: 20px;
  display: block;
}
.batchlinePage .batchItem {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 20px;
}
.batchlinePage .batchItem .bach_list {
  width: 30%;
  margin-right: 4.7%;
  border: 1px solid #dedede;
  margin-bottom: 20px;
  font-size: 16px;
  color: #333333;
}
.batchlinePage .batchItem .bach_list:nth-child(3n) {
  margin-right: 0;
}
.batchlinePage .batchItem .bach_list .title_name {
  display: flex;
  align-items: center;
  height: 68px;
  line-height: 68px;
  border-bottom: none;
}
.batchlinePage .batchItem .bach_list .title_name:nth-child(1) {
  background-color: #f4f4f4;
}
.batchlinePage .batchItem .bach_list .title_name .year {
  text-align: center;
  width: 50%;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.batchlinePage .batchItem .bach_list .title_name .name {
  text-align: center;
  width: 25%;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.batchlinePage .batchItem .bach_list .title_name .name:nth-last-child(1) {
  border-right: none;
}
.batchlinePage .batchItem .active {
  color: #e84c33;
}
.rankingPage {
  width: 1200px;
  margin: 10px auto;
}
.rankingPage .title {
  display: flex;
  color: #333333;
  border-left: 4px solid #e84c33;
  padding: 0 10px;
  position: relative;
}
.rankingPage .title span {
  display: block;
  margin-left: 20px;
  font-size: 16px;
  color: #999999;
}
.rankingPage .title .volunteer_list {
  font-size: 20px;
  color: #333333;
  position: absolute;
  right: 0;
  top: 0;
}
.rankingPage .title .volunteer_list a {
  display: block;
  color: #333333;
}
.rankingPage .item_list {
  margin-top: 30px;
}
.rankingPage .item_list .tab_class {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333333;
}
.rankingPage .item_list .tab_class .tab_name {
  display: flex;
  align-items: center;
}
.rankingPage .item_list .tab_class .tab_name .text {
  margin-left: 30px;
}
.rankingPage .item_list .search {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-size: 16px;
  color: #333333;
}
.rankingPage .item_list .search input {
  display: block;
  border: 1px solid #dedede;
  border-right: none;
  width: 380px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}
.rankingPage .item_list .search :-webkit-input-placeholder {
  color: #999999;
}
.rankingPage .item_list .search .btn_see a {
  display: block;
  font-size: 16px;
  color: #ffffff;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  background-color: #e84c33;
}
.rankingPage .item_list .tab_list {
  width: 100%;
  margin-top: 20px;
}
.rankingPage .item_list .tab_list .chart .text {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333333;
}
.rankingPage .item_list .tab_list .chart .text span {
  display: block;
  margin-left: 30px;
  display: flex;
  align-items: center;
}
.rankingPage .item_list .tab_list .chart .text span a {
  display: block;
  font-size: 20px;
  color: #e84c33;
}
.rankingPage .item_list .tab_list .chart #main {
  width: 100%;
  height: 400px;
}
.probability_list {
  width: 1200px;
  margin: 20px auto;
  display: flex;
}
.probability_list .left .name {
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #333333;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.probability_list .left .name span {
  color: #e84c33;
}
.probability_list .right {
  margin-left: 20px;
}
.probability_list .right .input_text,
.probability_list .right .new_input {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 20px;
  height: 40px;
}
.probability_list .right .input_text input[type=text],
.probability_list .right .new_input input[type=text] {
  width: 400px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #333333;
  border: 1px solid #dedede;
}
.probability_list .right .input_text ::-webkit-input-placeholder,
.probability_list .right .new_input ::-webkit-input-placeholder {
  color: #999999;
}
.probability_list .right .input_text span,
.probability_list .right .new_input span {
  color: #999999;
  margin-left: 10px;
}
.probability_list .right .input_text .text,
.probability_list .right .new_input .text {
  margin-right: 30px;
}
.probability_list .right .input_text .type_text,
.probability_list .right .new_input .type_text {
  position: relative;
  display: flex;
  align-items: center;
}
.probability_list .right .input_text .type_text i,
.probability_list .right .new_input .type_text i {
  font-size: 16px;
  color: #e84c33;
}
.probability_list .right .input_text .type_text span,
.probability_list .right .new_input .type_text span {
  font-size: 16px;
  color: #999999;
  display: block;
  margin-left: 5px;
}
.probability_list .right .input_text .type_text .tig_text,
.probability_list .right .new_input .type_text .tig_text {
  width: 300px;
  border: 1px solid #dedede;
  position: absolute;
  z-index: 999;
  background-color: #ffffff;
  padding: 10px;
  font-size: 16px;
  text-align: left;
  top: 30px;
  left: -150px;
  display: none;
}
.probability_list .right .input_text .type_text .tig_text .title,
.probability_list .right .new_input .type_text .tig_text .title {
  color: #333333;
}
.probability_list .right .input_text .type_text .tig_text .item_tig,
.probability_list .right .new_input .type_text .tig_text .item_tig {
  font-size: 14px;
  color: #666666;
  margin-top: 10px;
}
.probability_list .right .input_text {
  position: relative;
  width: 100%;
  z-index: 10;
}
.probability_list .right .input_text .show_type {
  width: 93.8%;
  z-index: 999;
  position: absolute;
  top: 40px;
  left: 0;
  border: 1px solid #dedede;
  border-top: none;
  background-color: #ffffff;
}
.probability_list .right .input_text .show_type .text {
  width: 98%;
  line-height: 30px;
  text-align: left;
  padding: 0 1%;
}
.probability_list .right .input_text .show_type .text:hover {
  background-color: #f4f4f4;
  color: #e84c33;
  cursor: pointer;
}
.probability_list .right .btn_ce {
  margin-top: 30px;
  width: 250px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #e84c33;
  color: #FFFFFF;
  font-size: 18px;
}
.probability_list .right .btn_ce a {
  display: block;
  color: #FFFFFF;
}
.admission_list {
  width: 910px;
  margin: 20px auto;
}
.admission_list .title {
  padding: 10px;
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
}
.admission_list .title .imgs {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.admission_list .title .imgs img {
  width: 100%;
  height: 100%;
}
.admission_list .title .contents {
  width: 88%;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admission_list .title .contents .left .name {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
}
.admission_list .title .contents .left .tig_text {
  margin-top: 20px;
  font-size: 16px;
  color: #999999;
}
.admission_list .title .contents .right .text {
  width: 84px;
  height: 74px;
  background-color: #ffffff;
  line-height: 74px;
  text-align: center;
  color: #e84c33;
  font-size: 24px;
}
.admission_list .title .contents .right .btn_see {
  width: 84px;
  height: 25px;
  line-height: 25px;
  background-color: #e84c33;
  text-align: center;
}
.admission_list .title .contents .right .btn_see a {
  display: block;
  font-size: 16px;
  color: #ffffff;
}
.admission_list .proposal_list {
  margin-top: 20px;
}
.admission_list .proposal_list .title_hin {
  font-size: 24px;
  color: #333333;
}
.admission_list .proposal_list .fraction_details {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.admission_list .proposal_list .fraction_details .text {
  font-size: 20px;
  color: #333333;
  margin-right: 30px;
}
.admission_list .proposal_list .fraction_details .text:nth-last-child(1) {
  margin-right: 0;
}
.admission_list .proposal_list .details_tig {
  font-size: 20px;
  color: #666666;
  margin-top: 10px;
}
.admission_list .proposal_list .details_tig:nth-last-child(2) {
  margin-top: 20px;
}
.admission_list .proposal_list .details_tig span {
  color: #e84c33;
  font-size: 20px;
}
.admission_list .table_content {
  margin-top: 30px;
}
.admission_list .table_content .title {
  border-left: 4px solid #e84c33;
  background-color: #f4f4f4;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  font-size: 20px;
  color: #333333;
}
.admission_list .table_content .tig_text {
  font-size: 20px;
  color: #333333;
}
.admission_list .table_content .tig_text span {
  color: #e84c33;
}
.admission_list .table_content .btn_content {
  width: 100%;
  margin-top: 30px;
  border: 1px solid #dedede;
  border-top: none;
}
.admission_list .table_content .btn_content li {
  width: 100%;
  display: flex;
  align-items: center;
  height: 30px;
  border-bottom: 1px solid #dedede;
}
.admission_list .table_content .btn_content li .name {
  width: 20%;
  border-left: 1px solid #dedede;
  line-height: 30px;
  text-align: center;
}
.admission_list .table_content .btn_content li .name:nth-child(1) {
  border-left: none;
}
.admission_list .table_content .btn_content li .changeW {
  width: 40%;
}
.admission_list .table_content .btn_content .newList {
  background-color: #f4f4f4;
}
.admission_list .table_content .bottom_text {
  width: 200px;
  margin: 30px auto 0;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #e84c33;
}
.admission_list .table_content .bottom_text a {
  display: block;
  color: #ffffff;
}
.garde .title {
  width: 100%;
  height: 44px;
  background-color: #f4f4f4;
  text-align: center;
  line-height: 44px;
  font-size: 24px;
  color: #000000;
}
.garde .title span {
  color: #e84c33;
}
.garde .list {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #dedede;
  border-top: none;
}
.garde .list li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #dedede;
  color: #333333;
  display: flex;
  align-items: center;
}
.garde .list li:nth-child(1) {
  background-color: #f4f4f4;
  font-size: 18px;
}
.garde .list li .name {
  width: 25%;
  line-height: 40px;
  text-align: center;
  border-left: 1px solid #dedede;
  font-size: 16px;
}
.garde .list li .name:nth-child(1) {
  border-left: none;
}
.garde .list li .name a {
  padding: 2px 5px;
  background-color: #f4f4f4;
  color: #333333;
  font-size: 16px;
}
.garde .list li .name .active {
  background-color: #e84c33;
  color: #ffffff;
}
.garde .list li .itemW {
  width: 50%;
}
.garde .dataDescription {
  width: 100%;
  margin-top: 20px;
  border: 2px dashed #e84c33;
  background-color: #fff8f8;
  padding: 10px;
  font-size: 16px;
  color: #666666;
}
.garde .dataDescription .title_yu {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #333333;
}
.garde .dataDescription .title_yu img {
  margin-right: 10px;
}
.priority_page {
  width: 1200px;
  margin: 20px auto 0;
  border: 1px solid #dedede;
  padding: 20px;
}
.priority_page .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.priority_page .title .left {
  display: flex;
  align-items: center;
}
.priority_page .title .left .name {
  font-size: 24px;
  color: #333333;
}
.priority_page .title .left .text {
  font-size: 16px;
  color: #999999;
  margin-left: 20px;
}
.priority_page .title .left .btn_text a {
  padding: 5px 10px;
  margin-left: 20px;
  border: 1px solid #dedede;
  font-size: 16px;
  color: #666666;
  display: block;
}
.priority_page .title .left .btn_text a i {
  font-size: 16px;
  color: #666666;
  margin-right: 5px;
}
.priority_page .title .right a {
  font-size: 16px;
  color: #333333;
  display: block;
  line-height: 34px;
}
.priority_page .contents {
  margin-top: 20px;
}
.priority_page .contents .btn_title {
  display: flex;
  align-items: center;
}
.priority_page .contents .btn_title .name {
  width: 33%;
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #e84c33;
  background-color: #f4f4f4;
}
.priority_page .contents .btn_title .name:nth-last-child(1) a {
  border-right: none;
}
.priority_page .contents .btn_title .name a {
  display: block;
  width: 99%;
  font-size: 18px;
  color: #666666;
  border-right: 4px solid #ffffff;
}
.priority_page .contents .btn_title .name a i {
  font-size: 18px;
  color: #666666;
  margin-left: 10%;
  margin-right: 30%;
}
.priority_page .contents .btn_title .name .tab_active {
  background-color: #ffffff;
}
.priority_page .contents .btn_title .active {
  border: 1px solid #e84c33;
  border-bottom: none;
  background-color: #ffffff;
}
.priority_page .contents .model_list {
  display: none;
}
.priority_page .contents .model_list .selectOpen {
  height: 30px;
}
.priority_page .contents .model_list .proBability {
  margin-top: 30px;
}
.priority_page .contents .model_list .proBability .itemTitle {
  width: 100%;
  background-color: #ff9e99;
  color: #ffffff;
  display: flex;
}
.priority_page .contents .model_list .proBability .itemTitle li {
  border-right: 1px solid #fff;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.priority_page .contents .model_list .proBability .itemTitle li:nth-child(1) {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.priority_page .contents .model_list .proBability .itemTitle li:nth-child(1) .text_icon {
  width: 20px;
  font-size: 14px;
  margin-left: 10px;
}
.priority_page .contents .model_list .proBability .itemTitle li:nth-child(2) {
  width: 20%;
  line-height: 68px;
}
.priority_page .contents .model_list .proBability .itemTitle li:nth-child(3) {
  width: 10%;
  line-height: 68px;
}
.priority_page .contents .model_list .proBability .itemTitle li:nth-child(4) {
  width: 10%;
  line-height: 68px;
}
.priority_page .contents .model_list .proBability .itemTitle li:nth-child(5) {
  width: 15%;
}
.priority_page .contents .model_list .proBability .itemTitle li:nth-child(5) .name {
  width: 100%;
  line-height: 34px;
}
.priority_page .contents .model_list .proBability .itemTitle li:nth-child(6) {
  width: 25%;
}
.priority_page .contents .model_list .proBability .itemTitle li:nth-child(6) .textLable {
  width: 100%;
  text-align: center;
  line-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.priority_page .contents .model_list .proBability .itemTitle li:nth-child(6) .textLable span {
  width: 33.33333333%;
  line-height: 34px;
  text-align: center;
  border-right: 1px solid #fff;
}
.priority_page .contents .model_list .proBability .itemTitle li:nth-child(6) .textLable span:nth-last-child(1) {
  border-right: none;
}
.priority_page .contents .model_list .proBability .itemTitle li:nth-child(7) {
  width: 10%;
  line-height: 68px;
  border-right: none;
}
.priority_page .contents .model_list .proBability .newBgcolor {
  background-color: #ffeceb;
}
.priority_page .contents .model_list .proBability .newBgcolor li {
  font-size: 18px;
  color: #666666;
}
.priority_page .contents .model_list .proBability .item_list .list {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
}
.priority_page .contents .model_list .proBability .item_list .list:hover {
  background-color: #f4f4f4;
}
.priority_page .contents .model_list .proBability .item_list .list li {
  font-size: 18px;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(1) {
  width: 10%;
  text-align: center;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(1) .text {
  width: 100%;
  font-size: 24px;
  color: #333333;
  text-align: center;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(1) .risk {
  width: 47px;
  height: 19px;
  margin: 0 auto;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(1) .risk img {
  width: 100%;
  height: 100%;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(1) .tig {
  position: relative;
  z-index: 1;
  width: 100%;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(1) .tig i {
  font-size: 16px;
  color: #e84c33;
  text-align: center;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(1) .tig .itemks_tig {
  display: none;
  position: absolute;
  background-color: #ffffff;
  width: 390px;
  height: 80px;
  left: 0;
  bottom: -113px;
  z-index: 1209;
  padding: 10px;
  border: 1px solid #df8d46;
  border-color: #ff7800 #c0361f #c0361f #ff7800;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(1) .tig .itemks_tig .icon_name {
  background: linear-gradient(#f4f4f4, #fff);
  position: absolute;
  top: -13px;
  left: 52px;
  width: 12px;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(1) .tig .itemks_tig .icon_name i {
  font-size: 16px;
  transform: rotate(180deg);
  display: block;
  width: 100%;
  margin-left: 2px;
  color: #ff7800;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(1) .tig .itemks_tig .text {
  font-size: 14px;
  color: #666666;
  text-align: left;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(1) .tig .itemks_tig .text span {
  display: block;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(2) {
  width: 19%;
  text-align: left;
  padding: 0 0.5%;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(2) .school_name {
  font-size: 16px;
  color: #333333;
  display: flex;
  align-items: center;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(2) .school_name span {
  padding: 1px 3px;
  border: 1px solid #e84c33;
  color: #e84c33;
  margin-left: 5px;
  font-size: 14px;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(2) .school_name a {
  display: block;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(2) .school_name a:hover {
  color: #e84c33;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(2) .text {
  font-size: 14px;
  color: #666666;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(3),
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(7) {
  width: 10%;
  text-align: center;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(4) {
  width: 10%;
  display: flex;
  color: #e84c33;
  align-items: center;
  justify-content: center;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(4):hover {
  cursor: pointer;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(4) i {
  transition: all 0.5s;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(4) .rotate_icon {
  transform: rotate(180deg);
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(5) {
  width: 15%;
  color: #333333;
  font-size: 24px;
  text-align: center;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(6) {
  width: 25%;
  display: flex;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(6) .content_type {
  width: 33.33333333%;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(6) .content_type:nth-child(2),
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(6) .content_type:nth-child(3) {
  padding-left: 20px;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(6) .content_type .text {
  font-size: 16px;
  line-height: 30px;
  width: 96%;
  padding: 0 2%;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(6) .content_type .text i {
  margin-right: 5px;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(7) .text {
  color: #333333;
  font-size: 16px;
  margin-bottom: 10px;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(7) .text span {
  color: #e84c33;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(7) select {
  height: 30px;
  line-height: 30px;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(7) select option {
  height: 30px;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(7) select option:hover {
  background-color: #f4f4f4;
  color: #e84c33;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(7) .btn_active {
  width: 88px;
  height: 40px;
  text-align: center;
  line-height: 44px;
  border: 1px solid #dedede;
  font-size: 16px;
  color: #333333;
  margin: 0 auto;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(7) .btn_active:hover {
  cursor: pointer;
}
.priority_page .contents .model_list .proBability .item_list .list li:nth-child(7) .active_show {
  background-color: #e84c33;
  color: #ffffff;
}
.priority_page .contents .model_list .Ban_list_display {
  display: none;
}
.priority_page .contents .model_list .btn_search {
  width: 100%;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.priority_page .contents .model_list .btn_search input {
  display: block;
  width: 83%;
  font-size: 16px;
  color: #333333;
  height: 44px;
  line-height: 44px;
  border: 1px solid #dedede;
  border-right: none;
  padding: 0 1%;
}
.priority_page .contents .model_list .btn_search ::-webkit-input-placeholder {
  color: #666666;
}
.priority_page .contents .model_list .btn_search .btn_see {
  width: 15%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #e84c33;
}
.priority_page .contents .model_list .btn_search .btn_see a {
  display: block;
  color: #ffffff;
}
.priority_page .contents .model_list .xuan_majio {
  display: none;
}
.priority_page .contents .model_list .xuan_majio .list {
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px dashed #dedede;
}
.priority_page .contents .model_list .xuan_majio .list .name {
  color: #333333;
  font-size: 16px;
  line-height: 33px;
}
.priority_page .contents .model_list .xuan_majio .list .btn_acty a {
  display: block;
  padding: 6px 12px;
  font-size: 16px;
  color: #ffffff;
  background-color: #e84c33;
}
.priority_page .contents .model_show {
  display: block;
}
.priority_page .top_titleLiang {
  margin-top: 20px;
}
.priority_page .top_titleLiang .name {
  font-size: 24px;
  color: #333333;
  text-align: center;
}
.priority_page .top_titleLiang .text {
  font-size: 16px;
  color: #999999;
  text-align: center;
  margin-top: 10px;
}
.major_itemList {
  display: none;
}
.right_tablist {
  display: none;
  position: fixed;
  right: 0;
  top: 100px;
}
.right_tablist .top_item_tab {
  display: flex;
}
.right_tablist .top_item_tab .left {
  width: 40px;
  height: 90px;
  border: 1px solid #dedede;
  border-right: none;
  background-color: #ffffff;
  text-align: center;
  line-height: 45px;
  position: absolute;
  top: 0;
  left: -38px;
}
.right_tablist .top_item_tab .content {
  width: 220px;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #dedede;
  border-right: none;
}
.right_tablist .top_item_tab .content .title {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
}
.right_tablist .top_item_tab .content .title span {
  width: 30%;
  font-size: 18px;
  color: #666666;
  text-align: center;
}
.right_tablist .top_item_tab .content .list {
  margin-top: 10px;
}
.right_tablist .top_item_tab .content .list .text {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.right_tablist .top_item_tab .content .list .text:nth-child(1) span,
.right_tablist .top_item_tab .content .list .text:nth-child(2) span,
.right_tablist .top_item_tab .content .list .text:nth-child(3) span,
.right_tablist .top_item_tab .content .list .text:nth-child(4) span {
  background-color: #e84c33;
}
.right_tablist .top_item_tab .content .list .text span {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  margin-right: 16px;
  background-color: #f6745f;
}
.right_tablist .top_item_tab .content .list .text .name {
  width: 180px;
  line-height: 24px;
  font-size: 16px;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.right_tablist .top_item_tab .content .list .text .number {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  background-color: #e84c33;
  color: #ffffff;
  font-size: 14px;
  margin-left: 10px;
}
.btn_generate a {
  display: block;
  margin: 20px auto 0;
  width: 220px;
  height: 40px;
  line-height: 40px;
  background-color: #e84c33;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
}
.open_list {
  width: 31px;
  height: 167px;
  line-height: 32px;
  background: #f66;
  color: #fff;
  font-size: 16px;
  color: #ffffff;
  position: fixed;
  top: 180px;
  right: 0;
  text-align: center;
}
.tig_bgcolor,
.majio_bgcolor {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.5);
  z-index: 20;
  display: none;
}
.tig_bgcolor .tig_list,
.majio_bgcolor .tig_list {
  width: 340px;
  height: 294px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-170px, -200px);
  z-index: 999;
}
.tig_bgcolor .tig_list .title,
.majio_bgcolor .tig_list .title {
  background-color: #e84c33;
  padding: 10px;
  font-size: 20px;
  color: #ffffff;
}
.tig_bgcolor .tig_list .content,
.majio_bgcolor .tig_list .content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}
.tig_bgcolor .tig_list .content .name,
.majio_bgcolor .tig_list .content .name {
  width: 100%;
  font-size: 18px;
  color: #666666;
  margin-bottom: 20px;
  text-align: center;
}
.tig_bgcolor .tig_list .content .btn_ch,
.majio_bgcolor .tig_list .content .btn_ch {
  padding: 6px 12px;
  border: 1px solid #e84c33;
  color: #e84c33;
  background-color: #ffffff;
  font-size: 18px;
}
.tig_bgcolor .tig_list .content .btn_ch:hover,
.majio_bgcolor .tig_list .content .btn_ch:hover {
  color: #FFFFFF;
  background-color: #e84c33;
  border: none;
}
.tig_bgcolor .tig_list .content .nameggg_lable,
.majio_bgcolor .tig_list .content .nameggg_lable {
  width: 100%;
}
.tig_bgcolor .tig_list .content .nameggg_lable .text,
.majio_bgcolor .tig_list .content .nameggg_lable .text {
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-bottom: 10px;
}
.tig_bgcolor .tig_list .content .nameggg_lable .text:nth-child(2),
.majio_bgcolor .tig_list .content .nameggg_lable .text:nth-child(2) {
  font-size: 16px;
}
.tig_bgcolor .tig_list .content .bottom_list,
.majio_bgcolor .tig_list .content .bottom_list {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.tig_bgcolor .tig_list .content .bottom_list .confirm,
.majio_bgcolor .tig_list .content .bottom_list .confirm {
  padding: 6px 12px;
  color: #ffffff;
  background-color: #e84c33;
}
.tig_bgcolor .tig_list .content .bottom_list .confirm:hover,
.majio_bgcolor .tig_list .content .bottom_list .confirm:hover {
  background-color: #b42c17;
  cursor: pointer;
}
.tig_bgcolor .tig_list .content .bottom_list .cancel,
.majio_bgcolor .tig_list .content .bottom_list .cancel {
  padding: 6px 12px;
  background-color: #f4f4f4;
  color: #333333;
  margin-left: 20px;
  border: 1px solid #dedede;
}
.tig_bgcolor .tig_list .content .bottom_list .cancel:hover,
.majio_bgcolor .tig_list .content .bottom_list .cancel:hover {
  cursor: pointer;
}
.volunteer_list {
  width: 1200px;
  margin: 30px auto 0;
  border: 1px solid #dedede;
  padding: 20px;
}
.volunteer_list .title .name {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #333333;
}
.volunteer_list .title .name span {
  font-size: 18px;
  color: #333333;
  margin-left: 30px;
}
.volunteer_list .title .name span i {
  color: #e84c33;
}
.volunteer_list .title .text {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.volunteer_list .title .text span {
  margin-right: 20px;
  color: #333333;
  font-size: 16px;
}
.volunteer_list .content {
  margin-top: 30px;
}
.volunteer_list .content .title {
  display: flex;
  align-items: center;
}
.volunteer_list .content .title .name {
  padding: 3px 10px;
  background-color: #e84c33;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
}
.volunteer_list .content .title select {
  padding: 3px 10px;
  border: none;
}
.volunteer_list .content .list {
  border: 1px solid #dedede;
  display: flex;
}
.volunteer_list .content .list .left {
  width: 40%;
  border-right: 1px solid #dedede;
  padding: 20px 10px;
}
.volunteer_list .content .list .left .item {
  padding: 10px 0;
}
.volunteer_list .content .list .left .item:nth-child(1) {
  border-bottom: 1px solid #dedede;
}
.volunteer_list .content .list .left .item .name {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #333333;
}
.volunteer_list .content .list .left .item .name span {
  padding: 2px 4px;
  background-color: #dedede;
  color: #FFFFFF;
  margin-right: 10px;
}
.volunteer_list .content .list .left .item .text {
  margin-top: 10px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #999999;
}
.volunteer_list .content .list .left .item .text span {
  color: #e84c33;
  font-size: 24px;
}
.volunteer_list .content .list .left .item .text .num {
  font-size: 16px;
  color: #000000;
}
.volunteer_list .content .list .left .item .text i {
  font-size: 16px;
  color: #999999;
  margin-left: 10px;
}
.volunteer_list .content .list .left .item .text .tp_text {
  margin-right: 10px;
  padding: 1px;
  border: 1px solid #dedede;
  color: #999999;
}
.volunteer_list .content .list .left .item .text .actives {
  border: 1px solid #e84c33;
  color: #e84c33;
}
.volunteer_list .content .list .left .item .text .tigs {
  color: #999999;
}
.volunteer_list .content .list .left .item .text .keyText {
  color: #999999;
}
.volunteer_list .content .list .left .item .hover_tig {
  position: relative;
  z-index: 10;
}
.volunteer_list .content .list .left .item .hover_tig .tig_text {
  display: none;
  position: absolute;
  padding: 10px;
  width: 400px;
  top: 30px;
  background-color: #fff;
  z-index: 999;
  border: 1px solid #dedede;
}
.volunteer_list .content .list .left .item .hover_tig .tig_text .title {
  font-size: 16px;
  color: #333333;
}
.volunteer_list .content .list .left .item .hover_tig .tig_text .text {
  font-size: 14px;
  color: #666666;
}
.volunteer_list .content .list .ruigth {
  padding: 10px;
  width: 60%;
}
.volunteer_list .content .list .ruigth .title_ll {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
}
.volunteer_list .content .list .ruigth .title_ll .name {
  width: 15%;
  font-size: 18px;
  color: #666666;
  text-align: center;
}
.volunteer_list .content .list .ruigth .title_ll .name:nth-last-child(1) {
  text-align: left;
}
.volunteer_list .content .list .ruigth .content {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
}
.volunteer_list .content .list .ruigth .content .name {
  width: 15%;
  text-align: center;
}
.volunteer_list .content .list .ruigth .content .name:nth-child(1) .num {
  width: 50px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  background-color: #dedede;
}
.volunteer_list .content .list .ruigth .content .name:nth-child(2) {
  font-size: 24px;
  color: #666666;
  text-align: center;
}
.volunteer_list .content .list .ruigth .content .name:nth-child(2) span {
  font-size: 16px;
}
.volunteer_list .content .list .ruigth .content .listText {
  width: 70%;
}
.volunteer_list .content .list .ruigth .content .listText .top_name {
  font-size: 18px;
  color: #333333;
}
.volunteer_list .content .list .ruigth .content .listText .details {
  margin-top: 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.volunteer_list .content .list .ruigth .content .listText .details .text {
  font-size: 16px;
  color: #999999;
  margin-right: 20px;
}
.volunteer_list .content .list .ruigth .content .listText .details .key_icon {
  position: absolute;
  right: 0;
}
.volunteer_list .content .list .ruigth .content .listText .details .key_icon i {
  color: #666666;
}
.volunteer_list .content .list .ruigth .content .listText .details .key_icon i:hover {
  cursor: pointer;
}
.volunteer_list .bottom_tigText {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.volunteer_list .bottom_tigText .name {
  padding: 2px 5px;
  border: 1px solid #dedede;
  margin-right: 20px;
}
.volunteer_list .bottom_tigText .name:hover {
  cursor: pointer;
}
.volunteer_list .bottom_tigText .name:nth-last-child(1),
.volunteer_list .bottom_tigText .name:nth-last-child(2) {
  background-color: #e84c33;
  border: none;
}
.volunteer_list .bottom_tigText .name:nth-last-child(1) a,
.volunteer_list .bottom_tigText .name:nth-last-child(2) a {
  display: block;
  color: #ffffff;
}
.allMajor_list {
  border: 1px solid #dedede;
  border-top: none;
  width: 100%;
}
.allMajor_list .contents {
  padding: 20px 10px 20px 10px;
  display: flex;
  background-color: #ffffff;
}
.allMajor_list .contents:nth-child(2n) {
  background-color: #f4f4f4;
}
.allMajor_list .contents .left {
  width: 20%;
  overflow: hidden;
  font-size: 18px;
  color: #999999;
  line-height: 34px;
}
.allMajor_list .contents .right {
  width: 75%;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.allMajor_list .contents .right .name {
  width: 23%;
  padding: 0 1%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 34px;
  text-align: left;
}
.allMajor_list .contents .right .name a {
  display: block;
  color: #333333;
  font-size: 16px;
}
.allMajor_list .contents .right .name a:hover {
  color: #e84c33;
}
.salary {
  width: 100%;
}
.salary .top_navapage {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.salary .top_navapage .tab_item {
  padding: 5px 10px;
  color: #666666;
  background-color: #ffffff;
  margin-top: 20px;
  margin-right: 15px;
  border: 1px solid #dedede;
}
.salary .top_navapage .tab_item a {
  display: block;
}
.salary .top_navapage .tab_item .name {
  font-size: 16px;
}
.salary .top_navapage .tab_item .wages {
  font-size: 14px;
  margin-top: 5px;
}
.salary .top_navapage .activef {
  color: #ffffff;
  background-color: #e84c33;
  border: none;
}
.salary .top_navapage .activef a {
  color: #ffffff;
}
.salary .salary_details {
  margin-top: 30px;
}
.salary .salary_details .title {
  border-left: 4px solid #e84c33;
  padding: 0 20px;
  font-size: 20px;
  color: #333333;
}
.salary .salary_details .tabsin_list {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.salary .salary_details .tabsin_list .left,
.salary .salary_details .tabsin_list .right {
  width: 45%;
  border: 1px solid #dedede;
  padding: 10px 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.salary .salary_details .tabsin_list .left .text,
.salary .salary_details .tabsin_list .right .text {
  width: 100%;
  font-size: 16px;
  line-height: 34px;
  text-align: left;
}
.salary .salary_details .tabsin_list .left .ranking_list .top_content,
.salary .salary_details .tabsin_list .right .ranking_list .top_content {
  position: relative;
  padding-top: 90px;
}
.salary .salary_details .tabsin_list .left .ranking_list .top_content .name,
.salary .salary_details .tabsin_list .right .ranking_list .top_content .name {
  width: 33%;
  position: absolute;
  font-size: 14px;
  color: #333333;
  text-align: center;
}
.salary .salary_details .tabsin_list .left .ranking_list .top_content .name:nth-child(1),
.salary .salary_details .tabsin_list .right .ranking_list .top_content .name:nth-child(1) {
  top: 35px;
  left: 143px;
}
.salary .salary_details .tabsin_list .left .ranking_list .top_content .name:nth-child(2),
.salary .salary_details .tabsin_list .right .ranking_list .top_content .name:nth-child(2) {
  top: 60px;
  left: 12px;
}
.salary .salary_details .tabsin_list .left .ranking_list .top_content .name:nth-child(3),
.salary .salary_details .tabsin_list .right .ranking_list .top_content .name:nth-child(3) {
  top: 78px;
  left: 272px;
}
.salary .salary_details .tabsin_list .left .ranking_list .top_content .name .text,
.salary .salary_details .tabsin_list .right .ranking_list .top_content .name .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-align: center;
}
.salary .salary_details .tabsin_list .left .ranking_list .top_content img,
.salary .salary_details .tabsin_list .right .ranking_list .top_content img {
  width: 100%;
}
.salary .salary_details .tabsin_list .left .ranking_list .item_list .name,
.salary .salary_details .tabsin_list .right .ranking_list .item_list .name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.salary .salary_details .tabsin_list .left .ranking_list .item_list .name .left_numbers,
.salary .salary_details .tabsin_list .right .ranking_list .item_list .name .left_numbers {
  display: flex;
  align-items: center;
  font-size: 16px;
  text-align: left;
  color: #333333;
  line-height: 44px;
}
.salary .salary_details .tabsin_list .left .ranking_list .item_list .name .left_numbers span,
.salary .salary_details .tabsin_list .right .ranking_list .item_list .name .left_numbers span {
  width: 25px;
  height: 25px;
  background-color: #cccccc;
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
  color: #ffffff;
  font-size: 14px;
  margin-right: 10px;
}
.salary .salary_details .tabsin_list .left .ranking_list .item_list .name .right_numbers,
.salary .salary_details .tabsin_list .right .ranking_list .item_list .name .right_numbers {
  font-size: 18px;
  color: #333333;
}
.salary .demand_ranking {
  margin-top: 30px;
}
.salary .demand_ranking .title {
  border-left: 4px solid #e84c33;
  padding: 0 20px;
  font-size: 20px;
  color: #333333;
  line-height: 34px;
}
.salary .demand_ranking .demand_list {
  margin-top: 20px;
  border: 1px solid #dedede;
}
.salary .demand_ranking .demand_list .tabTitle,
.salary .demand_ranking .demand_list li {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.salary .demand_ranking .demand_list .tabTitle .name,
.salary .demand_ranking .demand_list li .name {
  width: 33%;
  border-right: 1px solid #dedede;
}
.salary .demand_ranking .demand_list .tabTitle .name:nth-last-child(1),
.salary .demand_ranking .demand_list li .name:nth-last-child(1) {
  border-right: none;
}
.salary .demand_ranking .demand_list .tabTitle {
  background-color: #f4f4f4;
}
.salary .demand_ranking .demand_list li {
  border-bottom: 1px solid #dedede;
}
.salary .demand_ranking .demand_list li:nth-last-child(1) {
  border-bottom: none;
}
.salary .demand_ranking .demand_list li img {
  margin: 5px auto;
  width: 25px;
}
.user_vipdetails {
  width: 1200px;
  margin: 30px auto 0;
  display: flex;
  justify-content: space-between;
}
.user_vipdetails .left {
  width: 910px;
}
.user_vipdetails .left .top_content {
  display: flex;
  justify-content: space-between;
}
.user_vipdetails .left .top_content .logos {
  width: 300px;
  height: 400px;
}
.user_vipdetails .left .top_content .logos img {
  width: 100%;
  height: 100%;
}
.user_vipdetails .left .top_content .content {
  width: 590px;
  color: #333333;
}
.user_vipdetails .left .top_content .content .titles {
  font-size: 24px;
}
.user_vipdetails .left .top_content .content .text_name {
  font-size: 18px;
  margin-top: 10px;
}
.user_vipdetails .left .top_content .content .money_text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user_vipdetails .left .top_content .content .money_text .left {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #999999;
}
.user_vipdetails .left .top_content .content .money_text .left .text:nth-child(1) {
  display: flex;
  align-items: center;
}
.user_vipdetails .left .top_content .content .money_text .left .text:nth-child(1) span {
  color: #e84c33;
  font-size: 24px;
}
.user_vipdetails .left .top_content .content .money_text .left .text:nth-child(2) {
  margin-left: 30px;
  text-decoration: line-through;
}
.user_vipdetails .left .top_content .content .money_text .right a {
  display: flex;
  font-size: 16px;
  color: #666666;
}
.user_vipdetails .left .top_content .content .money_text .right a i {
  font-size: 16px;
  margin-right: 10px;
}
.user_vipdetails .left .top_content .content .tips_text {
  width: 100px;
  height: 50px;
  padding: 2px 0;
  line-height: 25px;
  border: 2px solid #e84c33;
  text-align: center;
  font-size: 16px;
  color: #e84c33;
  margin-top: 20px;
}
.user_vipdetails .left .top_content .content .choice_list {
  display: flex;
  margin-top: 20px;
  position: relative;
  z-index: 10;
}
.user_vipdetails .left .top_content .content .choice_list:hover {
  cursor: pointer;
}
.user_vipdetails .left .top_content .content .choice_list span {
  display: block;
  width: 50%;
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.user_vipdetails .left .top_content .content .choice_list .btn_purchase {
  background-color: #e84c33;
  color: #ffffff;
}
.user_vipdetails .left .top_content .content .choice_list .btn_invitation {
  background-color: #f4f4f4;
  color: #333333;
}
.user_vipdetails .left .top_content .content .choice_list .fen_togle {
  display: none;
  position: absolute;
  border: 1px solid #dedede;
  right: 0;
  top: 40px;
  width: 48%;
  padding: 1%;
  text-align: center;
  font-size: 16px;
  color: #333333;
  background-color: #ffffff;
  z-index: 999;
}
.user_vipdetails .left .top_content .content .choice_list .fen_togle .btn_code {
  width: 88px;
  height: 88px;
  margin: 20px auto 0;
}
.user_vipdetails .left .top_content .content .choice_list .fen_togle .btn_code img {
  width: 100%;
  height: 100%;
}
.user_vipdetails .left .top_content .content .choice_list .fen_togle .tips {
  width: 100%;
  font-size: 16px;
  color: #666666;
  margin-top: 20px;
}
.user_vipdetails .left .top_content .content .wemBen {
  width: 100%;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  margin-top: 20px;
}
.user_vipdetails .left .btn_tabs {
  border: 1px solid #dedede;
  border-top: none;
  margin-top: 30px;
}
.user_vipdetails .left .btn_tabs .title_tab {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user_vipdetails .left .btn_tabs .title_tab .name {
  width: 33%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  color: #333333;
  background-color: #f4f4f4;
  border-top: 1px solid #f4f4f4;
}
.user_vipdetails .left .btn_tabs .title_tab .name:hover {
  cursor: pointer;
}
.user_vipdetails .left .btn_tabs .title_tab .active {
  background-color: #fff;
  color: #e84c33;
  border-top: 1px solid #e84c33;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list {
  color: #333333;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px;
  display: none;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .titles {
  font-size: 36px;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .text {
  font-size: 16px;
  margin-top: 20px;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tongji {
  margin: 30px auto;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tongji img {
  max-width: 100%;
  max-height: 100%;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons {
  width: 100%;
  margin-top: 30px;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .icons_div {
  display: flex;
  align-items: center;
  width: 70%;
  margin: 20px auto 0;
  justify-content: space-between;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .icons_div .btn_boder {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dedede;
  transition: all 0.8s;
  cursor: pointer;
  /* 3D变形 */
  transform-style: preserve-3d;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .icons_div .btn_boder i {
  display: block;
  font-size: 30px;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .icons_div .btn_boder .hover_icon {
  transform: rotateY(180deg);
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .icons_div .btn_boder:hover div {
  transform: rotateY(180deg);
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list {
  margin-top: 30px;
  display: flex;
  align-items: center;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list li {
  width: 190px;
  height: 190px;
  position: relative;
  margin-left: 25px;
  margin-top: 10px;
  color: #ffffff;
  text-align: center;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list li:nth-child(1) {
  background: url(../image/tp-5.png) no-repeat;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list li:nth-child(1) .ps_item {
  background-color: #f74a4a;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list li:nth-child(2) {
  background: url(../image/tp-7.png) no-repeat;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list li:nth-child(2) .ps_item {
  background-color: #2ec893;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list li:nth-child(3) {
  background: url(../image/tp-6.png) no-repeat;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list li:nth-child(3) .ps_item {
  background-color: #0a8dfe;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list li:nth-child(4) {
  background: url(../image/tp-8.png) no-repeat;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list li:nth-child(4) .ps_item {
  background-color: #fda62f;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list li .ps_item {
  width: 56px;
  height: 56px;
  line-height: 56px;
  border: 5px solid #fff;
  background: #f85959;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: -28px;
  left: 50%;
  margin-left: -28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list li .ps_item i {
  font-size: 30px;
  color: #ffffff;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list li .name {
  font-size: 16px;
  margin-top: 50px;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .tab_all_icons .items_list li .tips_text {
  font-size: 14px;
  margin-top: 30px;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .evalua_list {
  padding: 20px 15px;
  background-color: #f4f4f4;
  margin-top: 30px;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .evalua_list .uls {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .evalua_list .uls li {
  background-color: #fff;
  width: 30%;
  padding: 1%;
  border-radius: 20px;
  color: #333333;
  text-align: center;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .evalua_list .uls li .title_name {
  font-size: 20px;
  margin: 20px 0;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .evalua_list .uls li .texet {
  font-size: 16px;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .evalua_list .uls li img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 30px auto;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .ev_bgcolor {
  background: url(../image/p5-0.png) bottom center #f4f4f4 no-repeat;
  height: 430px;
  padding: 30px;
  margin-bottom: 30px;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .ev_bgcolor .icon_list {
  width: 60%;
  margin: 30px auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .ev_bgcolor .icon_list .name {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .ev_bgcolor .icon_list .name:nth-child(1) {
  background-color: #f74a4a;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .ev_bgcolor .icon_list .name:nth-child(2) {
  background-color: #2ec893;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .ev_bgcolor .icon_list .name:nth-child(3) {
  background-color: #0a8dfe;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .ev_bgcolor .icon_list .name:nth-child(4) {
  background-color: #fda62f;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .ev_bgcolor .icon_list .name i {
  font-size: 35px;
  color: #fff;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .item_tab_list li {
  padding: 20px 0;
  border-bottom: 1px solid #dedede;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .item_tab_list li .top_item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .item_tab_list li .top_item .left {
  width: 85%;
  font-size: 16px;
  color: #333333;
  text-align: left;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .item_tab_list li .top_item .right {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #999999;
  justify-content: flex-end;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .item_tab_list li .top_item .right .numb {
  color: #333333;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .item_tab_list li .times {
  margin-top: 10px;
  font-size: 16px;
  color: #999999;
  display: flex;
  align-items: center;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .item_tab_list li .times .texts {
  margin-left: 30px;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .problem_list li {
  text-align: left;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .problem_list li .name {
  font-size: 18px;
  color: #e84c33;
  padding-bottom: 10px;
  border-bottom: 2px dashed #dedede;
  margin-top: 30px;
}
.user_vipdetails .left .btn_tabs .tab_content .tabs_list .problem_list li .answer {
  font-size: 16px;
  color: #666666;
  margin-top: 10px;
}
.user_vipdetails .left .btn_tabs .tab_content .btn_shows {
  display: block;
}
.user_vipdetails .right {
  width: 270px;
}
.user_vipdetails .right .top_content {
  border: 1px solid #dedede;
}
.user_vipdetails .right .top_content:nth-child(2) {
  margin-top: 30px;
}
.user_vipdetails .right .top_content .imgs {
  width: 100%;
  height: 100px;
}
.user_vipdetails .right .top_content .imgs img {
  width: 100%;
  height: 100%;
}
.user_vipdetails .right .top_content .ul_list {
  padding: 20px;
}
.user_vipdetails .right .top_content .ul_list li {
  display: flex;
  margin-bottom: 20px;
}
.user_vipdetails .right .top_content .ul_list li i {
  font-size: 30px;
}
.user_vipdetails .right .top_content .ul_list li:nth-child(1) .icons i {
  color: #f67771;
}
.user_vipdetails .right .top_content .ul_list li:nth-child(2) .icons i {
  color: #f19e58;
}
.user_vipdetails .right .top_content .ul_list li:nth-child(3) .icons i {
  color: #4aaaf4;
}
.user_vipdetails .right .top_content .ul_list li:nth-child(4) .icons i {
  color: #a7d266;
}
.user_vipdetails .right .top_content .ul_list li .right_li {
  margin-left: 10px;
}
.user_vipdetails .right .top_content .ul_list li .right_li .name {
  font-size: 18px;
  color: #333333;
}
.user_vipdetails .right .top_content .ul_list li .right_li .text {
  font-size: 16px;
  color: #999999;
  margin-top: 10px;
  line-height: 20px;
}
.user_vipdetails .right .top_content .title_name_an {
  background-color: #f4f4f4;
  border-left: 4px solid #e84c33;
  padding: 10px 20px;
  font-size: 20px;
  color: #333333;
}
.user_vipdetails .right .top_content .ul_an {
  padding: 20px;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.user_vipdetails .right .top_content .ul_an li {
  width: 105px;
  margin-bottom: 20px;
}
.user_vipdetails .right .top_content .ul_an li img {
  width: 105px;
  height: 105px;
}
.user_vipdetails .right .top_content .ul_an li .text_conent {
  margin-top: 10px;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}
.authority_details {
  width: 1200px;
  margin: 20px auto;
}
.authority_details .title {
  font-size: 36px;
  text-align: center;
  color: #333333;
}
.authority_details .table_list {
  width: 100%;
  border-left: 1px solid #dedede;
  margin: 30px auto;
}
.authority_details .table_list .titles {
  background-color: #ff9e99;
  display: flex;
  color: #ffffff;
  border-left: 1px solid #ff9e99;
  border-right: 1px solid #ff9e99;
}
.authority_details .table_list .ul {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dedede;
  font-size: 16px;
  color: #333333;
}
.authority_details .table_list .ul li:nth-child(1) {
  font-size: 20px;
}
.authority_details .table_list .titles,
.authority_details .table_list .ul li {
  width: 100%;
  text-align: center;
}
.authority_details .table_list .titles .name,
.authority_details .table_list .ul li .name {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.authority_details .table_list .titles .name:nth-last-child(1),
.authority_details .table_list .ul li .name:nth-last-child(1) {
  border-bottom: none;
}
.authority_details .table_list .titles .name .icon_dui,
.authority_details .table_list .ul li .name .icon_dui {
  color: #e84c33;
}
.authority_details .table_list .titles .name .icon_cuo,
.authority_details .table_list .ul li .name .icon_cuo {
  color: #29aa29;
}
.authority_details .table_list .titles:nth-child(2),
.authority_details .table_list .ul li:nth-child(2) {
  border-left: 1px solid #dedede;
}
.authority_details .table_list .titles .name,
.authority_details .table_list .ul li {
  width: 25%;
}
.authority_details .table_list .titles .name:nth-last-child(1) {
  border-right: none;
}
.authority_details .explain_list .titles {
  border-left: 4px solid #e84c33;
  padding: 0 10px;
  background-color: #f4f4f4;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  color: #333333;
  margin-bottom: 20px;
}
.authority_details .explain_list .list {
  color: #333333;
  margin-bottom: 20px;
}
.authority_details .explain_list .list .title_name {
  font-size: 18px;
}
.authority_details .explain_list .list .text {
  font-size: 16px;
}
.register_list {
  width: 900px;
  margin: 30px auto;
}
.register_list li {
  font-size: 16px;
  display: flex;
  margin-bottom: 20px;
}
.register_list li .name {
  color: #333333;
  text-align: right;
  width: 200px;
  height: 40px;
  line-height: 40px;
}
.register_list li .name span {
  color: #e84c33;
}
.register_list li .right {
  width: 400px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 20px;
}
.register_list li .right select {
  width: 32%;
  height: 40px;
  border: 2px solid #dedede;
}
.register_list li .right input {
  display: block;
  width: 100px;
  height: 40px;
  padding: 0 10px;
  text-align: center;
  border: 2px solid #dedede;
}
.register_list li .right .top_select {
  width: 100%;
}
.register_list li .right .tips {
  height: 40px;
  line-height: 40px;
  text-align: left;
  color: #e84c33;
}
.register_list li .right .stu_name {
  color: #999999;
}
.register_list li .all_radio {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.register_list li .all_radio .text {
  margin-right: 30px;
  display: flex;
  align-items: center;
}
.register_list li .all_radio input {
  margin-right: 10px;
}
.register_list li .btn_submit {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-left: 300px;
  background-color: #e84c33;
  color: #ffffff;
}
.register_list li .btn_submit a {
  display: block;
  color: #fff;
}
.choice_page {
  width: 1000px;
  margin: 30px auto;
}
.choice_page .titles {
  font-size: 24px;
  color: #333333;
  text-align: center;
}
.choice_page .list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 40px;
}
.choice_page .list span {
  padding: 5px 20px;
  border: 1px solid #dedede;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  color: #333333;
  margin-right: 30px;
  margin-bottom: 30px;
}
.choice_page .list span:hover {
  cursor: pointer;
}
.choice_page .list .active {
  background-color: #e84c33;
  color: #ffffff;
}
.choice_page .bottom_text {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.choice_page .bottom_text div {
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
}
.choice_page .bottom_text .btn_next {
  background-color: #e84c33;
}
.choice_page .bottom_text .btn_next a {
  color: #ffffff;
  display: block;
}
.choice_page .bottom_text .btn_back {
  background-color: #cccccc;
  margin-right: 20px;
}
.choice_page .bottom_text .btn_back a {
  color: #333333;
  display: block;
}
.tips_list {
  margin-top: 40px;
  border: 2px dashed #e84c33;
  padding: 20px;
  background-color: #fff8f8;
}
.tips_list .tltles {
  font-size: 18px;
  color: #333333;
}
.tips_list .tltles i {
  color: #e84c33;
  margin-right: 20px;
  font-size: 20px;
}
.tips_list .contents {
  padding: 20px;
  padding-bottom: 0;
  font-size: 16px;
  line-height: 32px;
  color: #666666;
}
.scheme_page {
  width: 1200px;
  margin: 20px auto;
}
.scheme_page .titles {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  font-size: 16px;
  color: #666666;
}
.scheme_page .titles .left {
  display: flex;
}
.scheme_page .titles .left span {
  line-height: 26px;
}
.scheme_page .titles .left span i {
  font-size: 16px;
  color: #666666;
  margin-right: 10px;
}
.scheme_page .titles .left span:nth-child(2) {
  margin-left: 20px;
}
.scheme_page .fn_list {
  margin-top: 20px;
  background-color: #f4f4f4;
  padding: 30px 20px;
}
.scheme_page .fn_list .title {
  font-size: 36px;
  color: #333333;
}
.scheme_page .fn_list .text {
  font-size: 16px;
  color: #666666;
  margin-top: 20px;
}
.scheme_page .fn_list .step_list {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.scheme_page .fn_list .step_list li {
  width: 25%;
}
.scheme_page .fn_list .step_list li .number {
  display: flex;
  align-items: center;
}
.scheme_page .fn_list .step_list li .number span {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #e84c33;
  text-align: center;
  line-height: 50px;
  color: #e84c33;
  font-size: 16px;
}
.scheme_page .fn_list .step_list li .number i {
  width: 100%;
  border: 2px dashed #e84c33;
}
.scheme_page .fn_list .step_list li .name {
  font-size: 24px;
  color: #333333;
  text-align: center;
}
.scheme_page .fn_list .step_list li .texts {
  font-size: 16px;
  line-height: 32px;
  color: #666666;
  text-align: center;
}
.scheme_page .fn_list .step_list li .btn_click {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #e84c33;
  margin: 20px auto 0;
}
.scheme_page .fn_list .step_list li .btn_click a {
  display: block;
  color: #ffffff;
}
.hu,
.registra_list {
  width: 1200px;
  margin: 20px auto;
}
.hu .sigin_in,
.registra_list .sigin_in {
  width: 442px;
  padding: 10px;
  cursor: pointer;
  text-align: center;
  margin: 0 auto;
}
.hu .sigin_in .reg_title,
.registra_list .sigin_in .reg_title {
  width: 100%;
  height: 16px;
  line-height: 16px;
  color: #ED232F;
  font-size: 14px;
  text-align: center;
}
.hu .sigin_in .icvon_trxt,
.registra_list .sigin_in .icvon_trxt {
  display: flex;
}
.hu .sigin_in .icvon_trxt .icon,
.registra_list .sigin_in .icvon_trxt .icon {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #999999;
}
.hu .sigin_in .icvon_trxt .icon input,
.registra_list .sigin_in .icvon_trxt .icon input {
  width: 100%;
  height: 100%;
}
.hu .sigin_in .icvon_trxt .lable_text,
.registra_list .sigin_in .icvon_trxt .lable_text {
  display: flex;
  height: 16px;
  line-height: 16px;
}
.hu .sigin_in .icvon_trxt .lable_text span,
.registra_list .sigin_in .icvon_trxt .lable_text span {
  color: #f70808;
}
.hu .sigin_in .close,
.registra_list .sigin_in .close {
  width: 100%;
  height: 26px;
  line-height: 26px;
  text-align: right;
}
.hu .sigin_in .close img,
.registra_list .sigin_in .close img {
  width: 23px;
  height: 26px;
}
.hu .sigin_in .uitab .tabTitle,
.registra_list .sigin_in .uitab .tabTitle {
  display: flex;
  justify-content: space-around;
  margin: 20px auto;
  font-size: 18px;
  color: #333333;
}
.hu .sigin_in .uitab .tabTitle .active,
.registra_list .sigin_in .uitab .tabTitle .active,
.hu .sigin_in .uitab .tabTitle .text,
.registra_list .sigin_in .uitab .tabTitle .text {
  color: #f70808;
}
.hu .sigin_in .uitab .tab1,
.registra_list .sigin_in .uitab .tab1 {
  display: none;
}
.hu .sigin_in .uitab .tab1 input,
.registra_list .sigin_in .uitab .tab1 input,
.hu .sigin_in .uitab .tab2 input,
.registra_list .sigin_in .uitab .tab2 input {
  width: 354px;
  height: 42px;
  padding: 0 5px;
  display: block;
  border: 1px solid #999999;
  margin: 25px auto;
  overflow: hidden;
}
.hu .sigin_in .uitab .tab1 .buttom,
.registra_list .sigin_in .uitab .tab1 .buttom,
.hu .sigin_in .uitab .tab2 .buttom,
.registra_list .sigin_in .uitab .tab2 .buttom {
  width: 356px;
  height: 46px;
  margin: 25px auto;
  line-height: 46px;
  background-color: #ed232f;
  text-align: center;
  border-radius: 5px;
}
.hu .sigin_in .uitab .tab1 .buttom a,
.registra_list .sigin_in .uitab .tab1 .buttom a,
.hu .sigin_in .uitab .tab2 .buttom a,
.registra_list .sigin_in .uitab .tab2 .buttom a {
  display: block;
  color: #ffffff;
}
.hu .sigin_in .uitab .tab1 .lisy,
.registra_list .sigin_in .uitab .tab1 .lisy,
.hu .sigin_in .uitab .tab2 .lisy,
.registra_list .sigin_in .uitab .tab2 .lisy {
  width: 366px;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.hu .sigin_in .uitab .tab1 .lisy span,
.registra_list .sigin_in .uitab .tab1 .lisy span,
.hu .sigin_in .uitab .tab2 .lisy span,
.registra_list .sigin_in .uitab .tab2 .lisy span {
  width: 128px;
  height: 42px;
  background-color: #f2f2f2;
  font-size: 13px;
  color: #333333;
  text-align: center;
  line-height: 42px;
  border: 1px solid #f2f2f2;
  border-left: none;
}
.hu .sigin_in .uitab .tab1 .nottom_title,
.registra_list .sigin_in .uitab .tab1 .nottom_title,
.hu .sigin_in .uitab .tab2 .nottom_title,
.registra_list .sigin_in .uitab .tab2 .nottom_title {
  display: flex;
  justify-content: center;
  margin: 35px 0 30px 0;
}
.hu .sigin_in .uitab .tab1 .nottom_title span,
.registra_list .sigin_in .uitab .tab1 .nottom_title span,
.hu .sigin_in .uitab .tab2 .nottom_title span,
.registra_list .sigin_in .uitab .tab2 .nottom_title span {
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  color: #ED232F;
  font-size: 14px;
}
.hu .sigin_in .uitab .tab1 .nottom_title span:nth-child(1),
.registra_list .sigin_in .uitab .tab1 .nottom_title span:nth-child(1),
.hu .sigin_in .uitab .tab2 .nottom_title span:nth-child(1),
.registra_list .sigin_in .uitab .tab2 .nottom_title span:nth-child(1) {
  color: #999999;
}
.hu .sigin_in .uitab .tab1 .nottom_title span a,
.registra_list .sigin_in .uitab .tab1 .nottom_title span a,
.hu .sigin_in .uitab .tab2 .nottom_title span a,
.registra_list .sigin_in .uitab .tab2 .nottom_title span a {
  color: #ED232F;
}
.hu .sigin_in .uitab .tab1 .tan_tetext,
.registra_list .sigin_in .uitab .tab1 .tan_tetext,
.hu .sigin_in .uitab .tab2 .tan_tetext,
.registra_list .sigin_in .uitab .tab2 .tan_tetext {
  width: 356px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  display: flex;
  margin: 0 auto;
  align-items: center;
}
.hu .sigin_in .uitab .tab1 .tan_tetext .Person_iton,
.registra_list .sigin_in .uitab .tab1 .tan_tetext .Person_iton,
.hu .sigin_in .uitab .tab2 .tan_tetext .Person_iton,
.registra_list .sigin_in .uitab .tab2 .tan_tetext .Person_iton {
  position: relative;
  width: 12px;
  height: 12px;
}
.hu .sigin_in .uitab .tab1 .tan_tetext .Person_iton .in_radio,
.registra_list .sigin_in .uitab .tab1 .tan_tetext .Person_iton .in_radio,
.hu .sigin_in .uitab .tab2 .tan_tetext .Person_iton .in_radio,
.registra_list .sigin_in .uitab .tab2 .tan_tetext .Person_iton .in_radio {
  width: 100%;
  height: 100%;
  background-color: #e4e4e4;
  border-radius: 50%;
}
.hu .sigin_in .uitab .tab1 .tan_tetext .Person_iton .dot_icon,
.registra_list .sigin_in .uitab .tab1 .tan_tetext .Person_iton .dot_icon,
.hu .sigin_in .uitab .tab2 .tan_tetext .Person_iton .dot_icon,
.registra_list .sigin_in .uitab .tab2 .tan_tetext .Person_iton .dot_icon {
  position: absolute;
  width: 6px;
  height: 6px;
  top: 3px;
  border-radius: 50%;
  display: none;
  left: 3px;
  background-color: #666666;
}
.hu .sigin_in .uitab .tab1 .tan_tetext span,
.registra_list .sigin_in .uitab .tab1 .tan_tetext span,
.hu .sigin_in .uitab .tab2 .tan_tetext span,
.registra_list .sigin_in .uitab .tab2 .tan_tetext span {
  color: #ED232F;
}
.hu .sigin_in .uitab .bottom_itrm,
.registra_list .sigin_in .uitab .bottom_itrm {
  width: 70%;
  margin: 25px auto 0;
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
  margin-bottom: 30px;
}
.hu .sigin_in .uitab .bottom_itrm img,
.registra_list .sigin_in .uitab .bottom_itrm img {
  width: 25px;
  height: 25px;
}
.hu .sigin_in .uitab .active-txt,
.registra_list .sigin_in .uitab .active-txt {
  display: block;
}